Autor Zpráva
Dawantt
Profil *
CSS:

#pro_linedrop {
height:35px;
width:100%;
background:url(lrimages/black_0.gif);
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:100;
}

#pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

#pro_linedrop li {
float:left;
background:url(lrimages/black_1.gif);
}

#pro_linedrop li.lrt {
float:right;
background:url(lrimages/blue_1.gif);
}


#pro_linedrop .select a {
display:block; 
height:35px; 
float:left; 
background: url(lrimages/black_0.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:33px; 
white-space:nowrap; 
color:#fc0;
}


#pro_linedrop .select li.lrt a {color:#0ff;}


#pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px; 
background:url(lrimages/black_0.gif) right top;
}

#pro_linedrop .select li.line a b {
background:url(lrimages/black_0a.gif) right top;
}

#pro_linedrop .select a:hover, 
#pro_linedrop .select li:hover a {
background: url(lrimages/black_1.gif); 
padding:0 0 0 15px;
cursor:pointer; 
color:#fff;
}

#pro_linedrop .select li.lrt a:hover, 
#pro_linedrop .select li.lrt:hover a {
background: url(lrimages/blue_1.gif); 
}

#pro_linedrop .select a:hover b, 
#pro_linedrop .select li:hover a b {
display:block; 
float:left;
padding:0 30px 0 15px; 
background:url(lrimages/black_1.gif) right top; 
cursor:pointer;
}

#pro_linedrop .select li.line a:hover b, 
#pro_linedrop .select li.line:hover a b {
background:url(lrimages/black_1a.gif) right top; 
}

#pro_linedrop .select li.lrt a:hover b, 
#pro_linedrop .select li.lrt:hover a b {
background:url(lrimages/blue_1.gif) right top; 
}

#pro_linedrop .select li.lrt a:hover b.arrow, 
#pro_linedrop .select li.lrt:hover a b.arrow {
background:url(lrimages/blue_1a.gif) right top; 
}

#pro_linedrop .sub {
position:absolute; left:-9999px; width:0;
}

/* IE6 only */
#pro_linedrop table {
border-collapse:collapse; 
margin:-1px -10px -1px -1px; 
font-size:1em; 
width:0; 
height:0;
}

#pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

#pro_linedrop .sub li {background:transparent;}

#pro_linedrop .select :hover .sub {
height:25px;
position:absolute;
width:100%;
top:35px; 
left:0; 
text-align:center;
background:#fff url(lrimages/fade.gif);
border-bottom:1px solid #aaa;
}

#pro_linedrop .select :hover .rt li {float:right;}

#pro_linedrop .select :hover .sub li a 
{display:block; height:25px; line-height:22px; float:left; background:#fff url(lrimages/fade.gif); padding:0 16px; margin:0; white-space:nowrap; color:#333;font-size:10px;}

#pro_linedrop .select :hover .sub li.subline a {color:#c00;}

#pro_linedrop .select :hover .sub li a:hover,
#pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative; background:#fff url(lrimages/fade.gif) left bottom;}

HTML:
<div id="menu">

<div id="pro_linedrop">

<ul class="select">
<li><a href="index.html"><b>Home</b></a></li>
<li class="line"><a href="inex.html"><b>Návody</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="sub">
	    <li><a href="#nogo">Terény</a></li>

        <li><a href="#nogo">Schopnosti</a></li>
		<li><a href="#nogo">Útoky</a></li>
		<li><a href="#nogo">Příkazy</a></li>
		<li><a href="#nogo">Tipy</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="line"><a href="index.html"><b>Jednotky</b><!--[if IE 7]><!--></a><!--<![endif]-->

<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="sub">
	    <li><a href="#nogo">Lidé</a></li>
        <li><a href="#nogo">Elfové</a></li>
		<li><a href="#nogo">Trpaslíci</a></li>
		<li><a href="#nogo">Skřeti</a></li>
		<li><a href="#nogo">Nekromanti</a></li>

		<li><a href="#nogo">Draci</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="line"><a href="index.html"><b>Ostatní</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="sub">
		<li><a href="http://webber.cz/guestbook.php?id=8151">Návštěvní kniha</a></li>
	</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="lrt"><a href="prihlaseni.html"><b>Přihlášení do klanu</b></a></li>
<li class="line lrt"><a href="index.html"><b class="arrow">Boje klanu</b><!--[if IE 7]><!--></a><!--<![endif]-->

<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="sub rt">
		<li><a href="historie.html">Historie</a></li>
		<li><a href="boje.html">Připravované boje</a></li>
	</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="line lrt"><a href="#nogo"><b class="arrow">Komunita klanu</b><!--[if IE 7]><!--></a><!--<![endif]-->

<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="sub rt">
		<li><a href="ircchat.html">Chat klanu</a></li>
		<li><a href="clenove.html">Členové</a></li>
		<li><a href="uvod.html">Úvod</a></li>

		<li><a href="podrobnosti.html">Informace o členech</a></li>

	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>


</div>

Ukázka:
http://wesnoth.yc.cz/

Jde me o to ze kdyz najedete na to vysouvaci menu, tak vam samozrejme vyjede :) no a kdyz najedete treba komunita klanu a potrebujute pak dat clenove, tak nekdy kdyz spichate, tak z toho menu nechtene vyjedete. Tak bych potreboval aby kdyz najedete na to menu ktery se vysune tak ten spodek aby zustal porad i kdyz pak z toho uplne vyjedete. Snad nekdo bude vedet co s tim. dikec :)

Moderátor Chamurappi: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
Dawantt
Profil *
nikdo nevi? skoda :(
Chamurappi
Profil
Reaguji na Dawantta:
nikdo nevi? skoda :(
Tím, že si sám odpovíš, se vyřazuješ ze seznamu vláken bez reakcí, což ti sníží šanci, že ti někdo odpoví později.
Šanci na odpověď sis také snížil tím, že jsi začal kódem místo popisu problému, a tím, že jsi sem ten popis naflákal bez diakritiky.

Tak bych potreboval aby kdyz najedete na to menu ktery se vysune tak ten spodek aby zustal porad i kdyz pak z toho uplne vyjedete.
Toho pomocí samotného CSS nejde dosáhnout. JavaScriptem by to šlo.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: