Yatay gezinme çubuğu oluşturmak için display:inline özelliği
kullanılır.
Yatay gezinme çubuğu oluşturmak için bir başka yol yukarıdaki
"standart" kod ek olarak satır içi <li> öğeleri belirtmek için:
li
{
display:inline;
}
---------- index.html---------
<html>
<head>
<style>
ul
{
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}
li
{
display:inline;
}
a:link,a:visited
{
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:6px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#7A991A;
}
</style>
</head>
<body>
<ul>
<li><a href="#anasayfa">Ana
Sayfa</a></li>
<li><a
href="#haberler">Haberler</a></li>
<li><a href="#iletişim">İletişim</a></li>
<li><a
href="#hakkında">Hakkında</a></li></ul>
</body>
</html>
-------Menü Son Görünüm------
Hiç yorum yok:
Yorum Gönder