ul.menu {
list-style-type: none;
padding: 0;
margin: 0;
}
ul.menu li { display: inline; }
ul.menu li a {
text-decoration: none;
padding: .2em 1em;
color: #1B1B1B;
background-color: #E2E2E2;
}
ul.menu li a:hover
{
background-color: #999;
}
fatih hayrioglu nun sitesinden alýntýdýr. bu kodu ben style.css e ekledim ama sayfa da kodlar arasýna nasýl ekleyecem de menu bu þekilde olacak..
link: Fatih Hayrioðlu'nun not defteri CSS ile Men Yapmak II - Yatay Menler sayfanýn, ýktýsýný, Yatay, MenlerBir, nceki, menye, rnek, yapmýþtýk, þžimdi, menlere en altta yorumlarýn basladýgý yerde...
bakabilirseniz çok ii olacak. teþekkurler...
bunun kullanýmý nasýl acaba?
2
●515
- 14-06-2008, 21:20:16Üyeliði durduruldu
- 14-06-2008, 23:08:32Burda kodlara div ismi veya class ismi atanmamýþ, örnek kodlar verilmiþ, ben düzenledim aþaðýdaki kodlarý, browserda açarsan çalýþtýðýný görürsün;
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9"> <style> body{ margin:15px 0 0 0; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; } ul.menu { list-style-type: none; padding: 0; margin: 0; } ul.menu li { display: inline; } ul.menu li a { text-decoration: none; padding: .2em 1em; color: #1B1B1B; background-color: #E2E2E2; } ul.menu li a:hover { background-color: #999; } </style> </head> <body> <ul class="menu"> <li><a href="index.html">Ana Sayfa</a></li> <li><a href="hakkimizda.html">Hakkýmýzda</a></li> <li><a href="urunler.html">Ürünler</a></li> </ul> </body></html> - 16-06-2008, 23:39:48Üyeliði durdurulduAllah razý olsun kardeþim çok teþekkur ederim.. +rep...