Dikey Menüde Alt Menü 1 Alt Satırda Çıkıyor

Tahribat.com Forumları
line

Html - CSS - XML - JavaScript - Ajax
line

Dikey Menüde Alt Menü 1 Alt Satırda Çıkıyor

28/Eki/11 02:35

Kısayol

Şikayet

Özel Mesaj

Fotografci
DarkSkull

Kayıt Tarihi: 17/Aralık/2008

http://nowarez.net/tbt.html

Yukarıdaki adresteki menüde alt menüler bir alt satırda çıkıyor bir türlü düzeltemedim. Çok ufak bir değişiklikle olacak gibi ama ne yaptıysam olmadı.

 <html>

<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
.menu ul li{
  position: relative;
}

.menu li ul {
    position: absolute;
    left: 177px;
    top: 0 px;
    display: none;
}

.menu li:hover ul {
    display: block;
}

.menu{ font:bold 11px Helvetica, Arial, sans-serif;}
.menu li {
    margin:0px 0px 1px 0px;
	list-style:none;
}
.menu a, .menu a:visited {
	width:160px;
	height:20px;
	margin:0px 0px 1px -32px;
	position:relative;
	display:block;
	color:#ffffff;
	text-decoration:none;
    background-color: #5681C0;
	padding:4px 0 0 8px;
}
.menu a:hover{
  background-color: #6A8FC8;
}
</style>
</head>

<body>
	<ul class="menu">
		<li><a href="#">Menü</a>

            <ul>
    		    <li><a href="#">Alt Menü 1</a></li>
    		    <li><a href="#">Alt Menü 2</a></li>
            </ul>
        </li>
		<li><a href="#">Menü2</a></li>
		<li><a href="#">Menü3</a></li>

		<li><a href="#">Menü4</a></li>
    </ul>

</body>

</html>

Alıntı yap

28/Eki/11 03:18 Kısayol Şikayet Özel Mesaj
Anakroniq

Kayıt Tarihi: 01/Mayıs/2008
Hocam chrome'da açınca da yukarıda çıkıyor :/

Düzenleme: Verdiğin siteyi değil de kodları kendi bilgisayarımdan chrome'la çalıştırınca yukarıda çıktı :/
```
Düzenleme 2: 

Şuradaki top değerini 8 yapınca chrome düzgün gösterdi ama firefoxta bi alt menüde gösteriyor ısrarla...

.menu li ul {
    position: absolute;
    left: 177px;
    top: 0 px;   <------
    display: none;
}
```
Aşk hiçbir zaman söylenemeyen, söylenemediği için BÜYÜK olan, sevgilinin adını dile düşürmemek için sevginin adını anmayan ve sevginin adını anmadan kendi dünyasında onu çoğaltan bi' duygudur...
Alıntı yap
28/Eki/11 04:16 Kısayol Şikayet Özel Mesaj

kerim

Kayıt Tarihi: 10/Mayıs/2008

.menu li ul {
    position: absolute;
    left: 177px;
    top: 11px;
    display: none;
}

(:

Alıntı yap
28/Eki/11 09:10 Kısayol Şikayet Özel Mesaj

Fotografci
DarkSkull

Kayıt Tarihi: 17/Aralık/2008

Menü sadece bundan ibaret değil sayfanın biraz daha aşağısında ve 2-3 tane açılır menusü var. Top değeri vermek çözüm değil o yüzden.Bu arada IE 9 ve firefox'ta denedim diğerlerinde denemedim.

Alıntı yap
28/Eki/11 11:07 Kısayol Şikayet Özel Mesaj

FOXXLY

Kayıt Tarihi: 19/Haziran/2006

edit

.menu li ul {
    position: absolute;
    left: 177px;
    top: 11px;
    display: none;
}

kelimeler albayım bazı anlamlara gelmiyor.

Alıntı yap
28/Eki/11 11:49 Kısayol Şikayet Özel Mesaj

Fotografci
DarkSkull

Kayıt Tarihi: 17/Aralık/2008

FOXXLY bunu yazdı:
-----------------------------

edit

.menu li ul {
    position: absolute;
    left: 177px;
    top: 11px;
    display: none;
}

-----------------------------

2. menünün ya da diğerlerinin alt menüsü ne olacak. Top değeri sadece en üstteki için çözüm.

Alıntı yap
28/Eki/11 13:25 Kısayol Şikayet Özel Mesaj

Google

Kayıt Tarihi: 26/Ağustos/2005

.menu li ul {

position: absolute;

left: 177px;

margin-top: -25 px;

display: none;

}

bu şekilde olması gerek hocam chromeda denedim diğerlerinde farklılık olabilir.

Abra Kadabra

Alıntı yap
28/Eki/11 15:23 Kısayol Şikayet Özel Mesaj

nitem

Kayıt Tarihi: 20/Temmuz/2011

Google bunu yazdı:
-----------------------------

.menu li ul {

position: absolute;

left: 177px;

margin-top: -25 px;

display: none;

}

bu şekilde olması gerek hocam chromeda denedim diğerlerinde farklılık olabilir.

-----------------------------

arkadaşında dediği gibi bu şekilde hal oluyor. fakat ie de menün kötü görünüyor ul lerine width: ver düzeliyor o boşluklar

Alıntı yap
28/Eki/11 21:24 Kısayol Şikayet Özel Mesaj

Fotografci
DarkSkull

Kayıt Tarihi: 17/Aralık/2008

Bende mi acayiplik var. Firefox 7 ve ie9'da denedim margin-top ile yine olmadı. Mantıken düşününce olması lazım ama.

Alıntı yap
29/Eki/11 00:00 Kısayol Şikayet Özel Mesaj

nitem

Kayıt Tarihi: 20/Temmuz/2011

hocam şunu denermisin kendim hazirladim şimdi çalışması lazım. bi hata varsa kusura bakma

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<style type="text/css">

body{margin:0;padding:0;}

ul li{list-style-type:none;}

ul#menu{ position: relative; width:150px; background:red; margin:0; padding:0;}

ul#menu li{background:silver;padding:5px}

ul#menu li:hover{background:#fff;}

ul#menu li a{display:block;color:#fff;}

ul#menu li a:hover{display:block;color:#000;}

ul#menu li ul.icmenu{position:absolute;width:150px; left:111px; margin-top:-25px;display:none}

ul#menu li:hover ul.icmenu{display:block;}

</style>

</head>

<body>

<ul id="menu">

<li><a href="#">Menu1</a></li>

<li><a href="#">Menu2</a>

<ul class="icmenu">

<li><a href="#">ic-Menu3</a></li>

<li><a href="#">ic-Menu4</a></li>

<li><a href="#">ic-Menu3</a></li>

</ul>

</li>

<li><a href="#">Menu3</a></li>

<li><a href="#">Menu4</a></li>

</ul>

</body>

</html>

Alıntı yap
29/Eki/11 00:32 Kısayol Şikayet Özel Mesaj

Fotografci
DarkSkull

Kayıt Tarihi: 17/Aralık/2008

nitem Çok sağol oldu da benimki neden olmadı onu anlamadım. Seninkini kendime göre uyarladım güzel oldu.

ul#menu li:hover ul.icmenu{display:block;} şu şekilde çoklu kullanımları çok iyi bilmiyorum bir ara boş vakitte css dersi okusam iyi olacak galiba :)

Alıntı yap

Toplam Hit: 2184 Toplam Mesaj: 16

Cevapla