CSS ile Menü Yapmak III – Dikey Açılır Menüler yazısına yapılan yorumlar http://www.fatihhayrioglu.com/css-ile-menu-yapmak-iii-dikey-acilir-menuler/ { CSS, HTML ve Javascript } Tue, 07 Feb 2012 15:48:22 +0000 hourly 1 http://wordpress.org/?v=2012 Yazar: İbrahim http://www.fatihhayrioglu.com/css-ile-menu-yapmak-iii-dikey-acilir-menuler/comment-page-12/#comment-15714 İbrahim Thu, 26 Jan 2012 23:15:15 +0000 http://www.fatihhayrioglu.com/?p=216#comment-15714 Merhabalar ders için çok teşekkürler.Bu dersi kullanarak css ile menü yapımını kavradım. Sorunum. Menu adlı bir divim var 800px 71 px ebatlarında. ben bu divin içine ekliyorum menüyü. fakat 2.cil menu açıldığında 71px dışında kalanlara tıklayamıyorum divin dışına mouse çıktığında. açılır menüde kapanıyor.nasıl bir çözüm önerirsiniz acaba. Merhabalar ders için çok teşekkürler.Bu dersi kullanarak css ile menü yapımını kavradım. Sorunum. Menu adlı bir divim var 800px 71 px ebatlarında. ben bu divin içine ekliyorum menüyü. fakat 2.cil menu açıldığında 71px dışında kalanlara tıklayamıyorum divin dışına mouse çıktığında. açılır menüde kapanıyor.nasıl bir çözüm önerirsiniz acaba.

]]> Yazar: merve http://www.fatihhayrioglu.com/css-ile-menu-yapmak-iii-dikey-acilir-menuler/comment-page-12/#comment-15475 merve Fri, 30 Dec 2011 13:36:58 +0000 http://www.fatihhayrioglu.com/?p=216#comment-15475 hocam ben yanlışı buldum fazladan komutu vermişim.. teşekkürler hocam ben yanlışı buldum fazladan komutu vermişim.. teşekkürler

]]> Yazar: merve http://www.fatihhayrioglu.com/css-ile-menu-yapmak-iii-dikey-acilir-menuler/comment-page-12/#comment-15472 merve Thu, 29 Dec 2011 17:41:05 +0000 http://www.fatihhayrioglu.com/?p=216#comment-15472 merhaba hoca yazdıklarınızı uyguladım bilimsel çalşmalar ve tebliğler kısmı açılır oldu ama hakkımda kısmının altındaki dört satır hakkımda nın içine gizlenmedi nerde hata yapıyorum yardımcı olabilir misinz.. teşekkürler.. <html><head> <style> ul { margin: 0; padding: 0; list-style: none; width: 150px; border-bottom: 1px solid #000; } ul li { position: relative; } li ul { position: absolute; right: 149px; top: 0; display: none; } ul li a { display: block; text-decoration: none; background-color: gray; padding: 5px; border:1px solid #000; border-bottom:0; } * html ul li { float: right; height: 1%; } * html ul li a { height: 1%; } ul { margin: 0; padding: 0; list-style: none; width: 150px; border-bottom: 1px solid #000; } li:hover ul { display: block; } </style> <script type="text/javascript"> startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("menu"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } } } } } window.onload=startList; </script> <body> <ul id="menu" > <a href="#" rel="nofollow">Ana Sayfa</a> <a href="#" rel="nofollow">Hakkımda</a> <a href="#" rel="nofollow">Kimlik Bilgilerim</a> <a href="#" rel="nofollow">Öğrenim Durumum</a> <a href="#" rel="nofollow">İdari Görevlerim</a> <a href="#" rel="nofollow">Verdiğim Dersler</a> <a href="#" rel="nofollow">İletişim Bilgilerim</a> <a href="#" rel="nofollow">Bilimsel Yayınlar ve Tebliğler</a> <a href="#" rel="nofollow">Yayınlar</a> <a href="#" rel="nofollow">Tebliğler</a> <a href="#" rel="nofollow">Kitaplarım</a> <a href="#" rel="nofollow">Ders Saatlerim</a> <a href="#" rel="nofollow">Devamsızlık Sorgulama</a> </body> </head></html> merhaba hoca yazdıklarınızı uyguladım bilimsel çalşmalar ve tebliğler kısmı açılır oldu ama hakkımda kısmının altındaki dört satır hakkımda nın içine gizlenmedi nerde hata yapıyorum yardımcı olabilir misinz.. teşekkürler..

<html><head>

<style>

ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #000;

}

ul li {
position: relative;
}

li ul {
position: absolute;
right: 149px;
top: 0;
display: none;
}

ul li a {
display: block;
text-decoration: none;
background-color: gray;
padding: 5px;
border:1px solid #000;
border-bottom:0;
}

* html ul li { float: right; height: 1%; }
* html ul li a { height: 1%; }

ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #000;
}

li:hover ul {
display: block;
}
</style>
<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("menu");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
</script>

<body>
<ul id="menu" >
Ana Sayfa
Hakkımda

Kimlik Bilgilerim
Öğrenim Durumum
İdari Görevlerim
Verdiğim Dersler

İletişim Bilgilerim
Bilimsel Yayınlar ve Tebliğler

Yayınlar
Tebliğler

Kitaplarım
Ders Saatlerim
Devamsızlık Sorgulama

</body>
</head></html>

]]> Yazar: ahmet http://www.fatihhayrioglu.com/css-ile-menu-yapmak-iii-dikey-acilir-menuler/comment-page-12/#comment-15376 ahmet Thu, 15 Dec 2011 12:46:08 +0000 http://www.fatihhayrioglu.com/?p=216#comment-15376 menuyu sayenızde yaptım fakat alt menuler acılınca kullandıgım slider ın arka planın da acılıo nasıl çözcem menuyu sayenızde yaptım fakat alt menuler acılınca kullandıgım slider ın arka planın da acılıo nasıl çözcem

]]> Yazar: agah toruk http://www.fatihhayrioglu.com/css-ile-menu-yapmak-iii-dikey-acilir-menuler/comment-page-12/#comment-15367 agah toruk Tue, 13 Dec 2011 21:16:23 +0000 http://www.fatihhayrioglu.com/?p=216#comment-15367 ul { margin: 0; padding: 0; list-style: none; width: 150px; border-bottom: 1px solid #00;} buradaki kodun 1px solid #00; kısmında #00 olduğu için menünün en alt çizgisi gözükmüyor. #000 olması gerekiyor. Menü kodları için teşekkürler... ul { margin: 0; padding: 0; list-style: none; width: 150px; border-bottom: 1px solid #00;}

buradaki kodun 1px solid #00; kısmında #00 olduğu için menünün en alt çizgisi gözükmüyor.
#000 olması gerekiyor.

Menü kodları için teşekkürler…

]]> Yazar: utku http://www.fatihhayrioglu.com/css-ile-menu-yapmak-iii-dikey-acilir-menuler/comment-page-12/#comment-15341 utku Sat, 10 Dec 2011 18:22:24 +0000 http://www.fatihhayrioglu.com/?p=216#comment-15341 ya işte budur çok saolun bunu çok arıyordum ya işte budur çok saolun bunu çok arıyordum

]]> Yazar: fatih.hayrioglu http://www.fatihhayrioglu.com/css-ile-menu-yapmak-iii-dikey-acilir-menuler/comment-page-3/#comment-13535 fatih.hayrioglu Sat, 18 Jun 2011 22:52:08 +0000 http://www.fatihhayrioglu.com/?p=216#comment-13535 bir kapsayıcı katman veya paragrafa bir class atayıp içindeki ul diye atama yapabilirsiniz. Örneğin ustMene diye bir class atayıp .ustMenu ul{} gibi bir kapsayıcı katman veya paragrafa bir class atayıp içindeki ul diye atama yapabilirsiniz. Örneğin ustMene diye bir class atayıp .ustMenu ul{} gibi

]]> Yazar: ömer http://www.fatihhayrioglu.com/css-ile-menu-yapmak-iii-dikey-acilir-menuler/comment-page-3/#comment-13509 ömer Thu, 16 Jun 2011 20:50:35 +0000 http://www.fatihhayrioglu.com/?p=216#comment-13509 sitede farklı ul ve li var. ul{ } ccs'ini ekleyince hepsinin özelliğini değiştiriyor.Onun için sadece #menu olanlara uygulamak istiyorum.Onu nasıl ayarlayabilirim? sitede farklı ul ve li var. ul{ } ccs'ini ekleyince hepsinin özelliğini değiştiriyor.Onun için sadece #menu olanlara uygulamak istiyorum.Onu nasıl ayarlayabilirim?

]]> Yazar: fatih.hayrioglu http://www.fatihhayrioglu.com/css-ile-menu-yapmak-iii-dikey-acilir-menuler/comment-page-3/#comment-13508 fatih.hayrioglu Thu, 16 Jun 2011 20:27:45 +0000 http://www.fatihhayrioglu.com/?p=216#comment-13508 bu kodu ne için nereye yazıyorsunuz anlamadım bu kodu ne için nereye yazıyorsunuz anlamadım

]]> Yazar: ömer http://www.fatihhayrioglu.com/css-ile-menu-yapmak-iii-dikey-acilir-menuler/comment-page-3/#comment-13503 ömer Thu, 16 Jun 2011 11:25:47 +0000 http://www.fatihhayrioglu.com/?p=216#comment-13503 böyle yapınca açılır menü özelliği kayboluyor.Bunu nasıl ayarlayabilirim? ul#menu ul#menu li li ul#menu ul#menu li a ul#menu li:hover ul#menu li:hover ul#menu, li.over ul#menu /* IE. gizle */ * html ul#menu li { float: left; height: 1%; } * html ul#menu li a { height: 1%; } /* IE den gizleme sonu */ böyle yapınca açılır menü özelliği kayboluyor.Bunu nasıl ayarlayabilirim?
ul#menu
ul#menu li
li ul#menu
ul#menu li a
ul#menu
li:hover ul#menu
li:hover ul#menu, li.over ul#menu

/* IE. gizle */
* html ul#menu li { float: left; height: 1%; }
* html ul#menu li a { height: 1%; }
/* IE den gizleme sonu */

]]>