Table'ın kenarlarını yuvarlak yapma

**eburhan** · 07.05.2006 10:32

Kenarları yuvarlatmak ne TABLO ile akıl kârı ne de JAVASCRIPT ile. En mükemmel çözüm CSS kullanmaktır. CSS ile bu görüntüyü nasıl alacağınızı http://kalsey.com/2003/07/rounded_corners_in_css/ adresindeki tutorial ile öğrenebilirsiniz.

**sanal47** · 06.10.2006 21:27

Aşağıdaki linkten yuvarlak köşeli dosyamı indirebilirsiniz.
http://www.hemenpaylas.com/download/..._kose.zip.html

Yukarıdaki adresten indiremezseniz buradan indiribilirsiniz.

http://us.f13.yahoofs.com/bc/453a61d...JbQTFBVl1KD9NA

...

**sanal47** · 04.11.2006 21:13

Yuvarlak kenarlı katman ve tablo yapmanın daha kısa bir yolu varmış.
http://www.webcredible.co.uk/user-fr...rs-boxes.shtml
bu siteden faydalanarak hazırladığım dosyayı
buraya tıklayarak indirebilirsiniz.

xpmode · 28.01.2010 11:40

HTML Kodu:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<style type="text/css">
/* Aradığınız kod */
.yuvarlak
{
/* Tabloyu ortalar, ihtiyacınız yoksa silebilirsiniz */
margin-left:auto;
margin-right:auto;
}
.yuvarlak td
{
/* Yazı rengi */
color:white;
/* Arka plan */
background-color:blue;
/* Kenarlık */
border:1px solid black;

/* Boşluk */
padding:5px;
/* Daha yüksek değer daha yuvarlak kenar demektir */
/* İkisini de kullanın ki hem Firefox'ta, hem de Chrome-Safari'de çalışsın */
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

}
</style>
<meta http-equiv="Content-Language" content="tr" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Yuvarlak kenar tablo</title>
</head>

<body style="font-family:Verdana;">

<table class="yuvarlak">
                <tr>
                                <td>Tablo test</td>
                                <td>Tablo test</td>
                                <td>Tablo test</td>
                </tr>
                <tr>
                                <td>Tablo test</td>
                                <td>Tablo test</td>
                                <td>Tablo test</td>
                </tr>
                <tr>
                                <td>Tablo test</td>
                                <td>Tablo test</td>
                                <td>Tablo test</td>
                </tr>
</table>
<div style="text-align:center; text-decoration:underline;">
<strong>Unutmayınız, her güzel şey gibi bu da Internet Explorer'da çalışmaz.</strong>
<br />
Eğer stil sayfanızı doğrulamak istiyorsanız siz bunu unutun. Bunlar varken stil 
sayfanız doğrulanamaz.<br />
Tarayıcı bilgileriniz:
<script type="text/javascript">
document.write(navigator.userAgent);
</script></div>
</body>

</html>

Bu kodu Not Defteri'ne yapıştırın, uzantıyı .txt değil de .html olarak kaydedin ve sonra o dosyayı Firefox, Google Chrome ya da Safari ile açın.

**serefakyuz58** · 14.07.2011 13:42

Arkadaşım o yol çok gereksiz ve uğraştırıcı bir yol. html 5 ile tablonun özelliklerinden yararlanarak kolaylıkla köşeleri oval yapabilirsin.

Başlık: Table'ın kenarlarını yuvarlak yapma

Başlık Araçları

Başlıkta Ara

Aradığınız bu mu?

İlk yorumun sahibine

Benzer Başlıklar

.pdf yapma

php ile doc yapma?

yuvarlak içinde c hakkinda :)

ses yapma

Cd den Mp3 yapma

Ekran kartı sorunu

laptop alacağım dell iyi midir?

Sadece Taratmak İstiyorum..

avea jet modem hk

hoparlör sorunu

ttnet kota sorgulama sayfası

Sniper elite v2 yükleme sorunu

acil arkadaşlar...

format attım ses gelmiyor yardım

avea jet modem hk.