Menü (Navigasyon) Yapımı
Navigasyon = Liste <ul> <li><a href="default.asp">Home</a></li> <li><a href="news.asp">News</a></li> <li><a href="contact.asp">Contact</a></li> <li><a href="about.asp">About</a></li> </ul>
Biraz Süsleyelim.. ul { list-style-type:none; margin:0; padding:0; } a { display:block; width:60px; text-decoration:none; }
Uygulama Linkler için CSS özellikleri Öğrenmiştik. A:link A:visited A:hover A:active
Örnek http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_vertical_advanced
Yatay Menu Tek yapmamız gereken liste elemanlarını yatay dizmek. li { display:inline; } veya li { float:left ; } Örnek: http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_float_advanced
Uygulama 1
Uygulama 2
Css menu örnekleri http://www.cssornekleri.com/menu/liste