CSS Menü Yardım

28-10-2012, 02:20:25

Merhaba.

Kullandığım menü ile ilgili bir sorunum var. Html kodları bunlar:

<ul class="menu1">

	<li><a href="#">Home</a></li>
	<li><a href="#">Whatever</a></li>
	<li><a href="#">Parent</a>

		<ul>
			<li><a href="#" class="ozel">Submenu</a></li>
			<li><a href="#" class="ozel2">Submenu2</a></li>
			<li><a href="#" class="ozel3">Submenu3</a></li>
		</ul>

	</li>
	<li><a href="#">Menu Son</a></li>

</ul>

Parent'in üstüne geldiğimde Submenu yazanlar listeleniyor fakat Submenu'lerden birinin üstüne gelmek istediğimde menü kapanıyor.

CSSde kullandığım kod:

.menu1 ul {
	position: absolute;
	top: 40px;
	left: 0;
}

.menu1 li:hover > ul li {
	height: XXpx;
	overflow: visible;
}

normal çalışması için ne yapmalıyım? yardımcı olabilirseniz sevinirim .

28-10-2012, 03:59:31

#2

frdtrkc

d3nnis adlı üyeden alıntı: mesajı görüntüle

Merhaba.

Kullandığım menü ile ilgili bir sorunum var. Html kodları bunlar:

<ul class="menu1">

	<li><a href="#">Home</a></li>
	<li><a href="#">Whatever</a></li>
	<li><a href="#">Parent</a>

		<ul>
			<li><a href="#" class="ozel">Submenu</a></li>
			<li><a href="#" class="ozel2">Submenu2</a></li>
			<li><a href="#" class="ozel3">Submenu3</a></li>
		</ul>

	</li>
	<li><a href="#">Menu Son</a></li>

</ul>

Parent'in üstüne geldiğimde Submenu yazanlar listeleniyor fakat Submenu'lerden birinin üstüne gelmek istediğimde menü kapanıyor.

CSSde kullandığım kod:

.menu1 ul {
	position: absolute;
	top: 40px;
	left: 0;
}

.menu1 li:hover > ul li {
	height: XXpx;
	overflow: visible;
}

normal çalışması için ne yapmalıyım? yardımcı olabilirseniz sevinirim .

Şöyle deneyebilirsin...

.menu1 ul {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding-top: 40px;
}
.menu1 li:hover ul {
	top: auto;
	left: auto;
}

28-10-2012, 12:55:21

#3

d3nnis

Hocam onu da denedim ama o zamanda menünün üstüne geldiğimde menü açılmıyor.

31-10-2012, 09:52:45

#4

~~hayri_67~~

Üyeliği durduruldu

javascript kullandınmı . kodların tamamını görmeden yardımcı olamam.