Görüntü aynı ama biraz daha modifiye edilmiş ve renk tonlarının farklı olduğu bir yuvarlak köşeli tablo yapacağız.
İlk başta yapcağımız tablonun nasıl birşey olacağını göstereyim.Tıklayınız.
Şimdi adım adım yapmaya başlayalım.
İlk başta style adında css dosyamızı oluşturuyoruz ve html dosyamızın içine dahil ediyoruz.
CSS #sol{float: left; width: 10px; height: 275px; background: url(deneme/sol.png);}
#orta{float: left; width:...

CSS Tab Menü Nasıl Yapılır / Editlenir ?


Şimdi bir adet menu.css adında bir CSS dosyası oluşturuyoruz ve aşağıdaki kodları içine yazıp kaydediyoruz. .glossymenu{
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(media/sol.gif) repeat-x;
height: 46px;
list-style: none;
}
.glossymenu li{
float:left;
}
.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
...

Basit bir CSS tasarımın nasıl yapıldığını hep beraber göreceğiz.Makaleyi Maddeler halinde açıklayacağım.

1. İlk Önce Taslağımızı oluştularım.

<div id="anakatman">
<div id="ust"></div>
<div id="menu"></div>
<div id="icerik"></div>
<div id="solkisim"></div>
<div id="alt"></div>
</div>

2. Oluşturduğumuz taslağın içeriğini düzenleyelim.

<div id="anakatman">