• 14-06-2008, 21:20:16
    #1
    Üyeliði durduruldu
    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...
  • 14-06-2008, 23:08:32
    #2
    Burda 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
    #3
    Üyeliði durduruldu
    Allah razý olsun kardeþim çok teþekkur ederim.. +rep...