#1 · Zasláno:
13. 4. 2006, 18:22:28 · Upravil/a: Meldo
Spravil som si vysuvacie menu.
www.webdirect.sk/ine/menu . Problem vsak je, ze ked prejdem po prvom tlacitku vyroluje sa lista a posunie mi obsah nadol. Ja by som to chcel tak, aby mi ta lista prekryla obsah. Ako to opravit?
css subor:
www.webdirect.sk/ine/menu/style/style.css
zdrojak:
<div style="float:left;"><img src="img/lavy_button.gif" alt="" /></div>
<div style="float:left;z-index:2;" onmouseover="document.getElementById('submenu').style.display='block'; document.reality.src='./img/reality2.gif';" onmouseout="document.getElementById('submenu').style.display='none';do cument.reality.src='./img/reality.gif';"><a href="#" title=""><img src="img/reality.gif" name="reality" alt="" /></a>
<span id="submenu" style="display:none;">
<a href="index.php" class="menu" title="ponuka nehnuteľností">ponuka nehnuteľností</a><br />
<a href="index.php" class="menu" title="ponúknite nám">ponúknite nám</a><br />
<a href="index.php" class="menu" title="profil spoločnosti">profil spoločnosti</a><br />
<a href="index.php" class="menu" title="exkluzívne projekty">exkluzívne projekty</a>
</span>
</div>
<div style="float:left;"><a href="index.php?lang=sk&menu=exkluziv" onmouseover="document.exkluziv.src='./img/exkluzivne_projekty2.gif';" onmouseout="document.exkluziv.src='./img/exkluzivne_projekty.gif';" title=""><img src="img/exkluzivne_projekty.gif" name="exkluziv" alt="" /></a></div>
<div style="float:left;"><a href="index.php?lang=sk&menu=kontakt" onmouseover="document.kontakt.src='./img/kontakt2.gif';" onmouseout="document.kontakt.src='./img/kontakt.gif';" title=""><img src="img/kontakt.gif" name="kontakt" alt="" /></a></div>
<div style="float:left;"><a href="index.php?lang=en&menu=<?php echo $_GET['menu']; ?>" onmouseover="document.english.src='./img/english2.gif';" onmouseout="document.english.src='./img/english.gif';" title=""><img src="img/english.gif" name="english" alt="" /></a></div>
<div style="float:left;"><img src="img/pravy_button.gif" alt="" /></div>
<div style='clear: both; height: 1px; font-size: 1px; line-height: 1px;'></div>
<div style="z-index:1;">ahoj janko. toto je moj webtoto je obsah. toto je obsah toto je obsahtoto je obsah. toto je obsah toto je obsahtoto je obsah. toto je obsah toto je obsahtoto je obsah. toto je obsah toto je obsahtoto je obsah. toto je obsah toto je obsahtoto je obsah. toto je obsah toto je obsahtoto je obsah. toto je obsah toto je obsahtoto je obsah. toto je obsah toto je obsahtoto je obsah. toto je obsah toto je obsahtoto je obsah. toto je obsah toto je obsahtoto je obsah. toto je obsah toto je obsah</div>