Sitenin en üstünde sabir şekilde duran menüler ile birçok site ve blog’da karşılaşıyoruz. Benzer bir menüyü sizde sitenize eklemek istiyorsanız basitçe özel hazırlanan bu örneği de kullanabilirsiniz.
HTML Kodu:
CSS Kodu:
HTML Kodu:
<html><head> <meta charset="utf-8"> <title>Yusuf Akdin</title> <link rel="stylesheet" type="text/css" href="style.css"></head><body> <div class="ust"> Üst taraftaki sabit menü </div> <div class="orta"> Site İçeriği </div></body></html>CSS Kodu:
html,body{ margin: 0; padding: 0;}body{ font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 100%; background-color: #CCCCCC; width: 100%; text-align: center;}.ust{ position: fixed; width: 100%; height: 50px; background-color: #FFF; border-bottom: 1px solid #111; z-index: 2;}.orta{ position: absolute; top: 350px; width: 100%; height: 800px; z-index: 1;}
Pilsiz.Net 'ten Çalışmışsın.
YanıtlaSilhtml examples
YanıtlaSilHTML and CSS for vertical and horizontal lists