Autor Zpráva
Shotek
Profil *
mam udelane menu pomoci css. Menu je vertikalni, jednotlive polozky jsou pod sebou, ale polozka menu, ktera obsahuje podmenu je od tech ostatni odelena dole malo mezerou a nevim jak ji odstranit.
ronnie
Profil
Dej sem nějaký kód nebo odkaz.
Shotek
Profil *
delal jsem ho podle tohoto prikladu.. http://www.maciweb.net/blog/web/priklady/pristupne-menu-vertikalni.htm

prvni polozka nema submenu a druha ano a vznikne tam mezi druhou a treti polozkou mezera, ktera je vetsi je mezera mezi prvni a druhou
Martin Kuželka
Profil
Chtělo by to i ten tvůj kód.
Shotek
Profil *
<html>
<head>

<script language="JavaScript">
document.write ("<style>ul.sub{position: absolute; top: 0; left: 120px; z-index:10; width: 120px; visibility: hidden; padding-bottom: 1em;} li.mainHover ul.sub{visibility: visible;} li {behavior: url(hover.htc);}</style>");
</script>
<style type="text/css" media="screen">
#menu {width: 120px; font:0.83em Arial, Helvetica, sans-serif;}
#menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0;}
#menu li, #menu ul.sub li {margin: 0; padding: 0; width: 100%;}
#menu h3 {font-size: 1em; margin:0; padding: 0px;}
#menu li > h3 {margin-bottom: 0.2em;}
#menu h3 a {display: block; text-decoration: none; width: 100%;padding: 1px;}
#menu h3 a:hover {background-color: #0099CC; color: #00CCFF;border: 1px solid #006699;padding: 0px;}
#menu ul.sub li {background-color: #00CCFF;border: 1px solid #006699; 1px solid #006699; display: block; width: 100%; margin:0; padding: 0;}
#menu ul.sub li a {text-decoration:none; margin: 0; border-left: 5px solid #00CCFF;}
#menu ul.sub li a:hover {background-color: #0099CC;border: 1px solid #006699; color: #00CCFF; border-left: 5px solid #006699;}
#menu ul li.main:hover h3 a {background-color: #0099CC; color: inherit;}
#menu ul li.main {position: relative;}
#menu ul li > ul.sub {position: absolute; top: 0; left: 120px; z-index:10; width: 120px; visibility: hidden; padding-bottom: 1em;}
#menu ul li.main:hover ul.sub {visibility: visible;}

a {text-decoration: none}
a:hover {text-decoration: none}
a:hover {color: "#0099CC"}
.obsah a:hover {color: "#00CCFF"}
.odkaz a {color: white; text-decoration: none}
.counter a {color: white; text-decoration: none}
.counter a:hover {color: white; text-decoration: none}
</style>
</head>
</head>
<body>
<div id="menu">
<ul>
<li class="main" >
<h3><a href="index.html" title="Hlavní stránka"><font color="white">&gt;</font>Úvod</a></h3>
</li>
<li class="main" >
<h3><a href="necoomne.html" title="Kecy kecy kecy"><font color="white">&gt;</font>Něco o mně</a></h3>
</li>
<li class="main" >
<h3><a href="mojepc.html" title="Konfigurace, obrázky"><font color="white">&gt;</font>Moje PC</a></h3>
</li>
<li class="main" >
<h3><a href="odkazy.html" title="Pár zajímavých odkazů"><font color="white">&gt;</font>Odkazy</a></h3>
</li>
<li class="main" >
<h3><a href="murphy.html" title="Murphyho zákony"><font color="white">&gt;</font>Murphy</a></h3>
</li>
<li class="main" >
<h3><a href="film.html" title="Recenze filmů"><font color="white">&gt;</font>Film</a></h3>
</li>
<li class="main" >
<h3><a href="t610.html" title="Věci pro T610"><font color="white">&gt;</font>SE T610</a></h3>
<ul class="sub">
<li><a href="themes.html" title="Motivy pracovní plochy">&nbsp;Themes</a></li>
<li><a href="#" title="Obrázky">&nbsp;Wallpapers</a></li>
<li><a href="#" title="Vyzváněcí melodie">&nbsp;Ringtones</a></li>
<li><a href="#" title="Spořiče displeje">&nbsp;Screensavers</a></li>
<li><a href="#" title="Hry">&nbsp;Games</a></li>
<li><a href="#" title="Programy pro T610">&nbsp;Software</a></li>
</ul>
</li>
<li class="main" >
<h3><a href="guestbook.html" title="Návštěvní kniha"><font color="white">&gt;</font>Guestbook</a></h3>
</li>
</ul>
</div>

</body>
</html>

Vsimete si mezery mezi posledni a predposledni polozkou
mat
Profil
sice pořádně nechápu, co vlastně řešíš, ale nechybí ti náhodou nad tím odkazem na guestbookem jedno <ul> ?

omlovám se za špatný zrak - neschází
Martin Kuželka
Profil
Taky to moc nechápu, ale není to tím marginem u #menu h3?
Shotek
Profil *
tak si to zkus zobrazit. Jde mi o tu mezeru co je mezi predposledni a posledni polozkou v menu. Je vetsi nez ty ostatni....
Martin Kuželka
Profil
Já vidím všechny mezery stejně velký...
Shotek
Profil *
Mezi SE T610 a Guestbook je vetsi mezera nez mezi ostatnima. Mezi ostatnima je vlastne nulova, protoze pri prejizdeni zustava misto kurzoru ruka, ale mezi predposlednim a poslednim se zmeni na sipku a pak zase na ruku.
Acci
Profil
Já je vidím také stejně velký (viz screenshot)
Shotek
Profil *
Mne to IEcka tak nezobrazuji....delaji tam mezeru
Shotek
Profil *
Zajimavy. Kdyz tam u radku #menu h3 {font-size: 1em; margin:0; padding: 0px;} jeste nejakou tloustku borderu treba 1px, tak je to ok, ale jak dam border 0 tak ne...omg
Shotek
Profil *
a jeste musim pod kazdou polozku menu pridat prazdnej tag <ul> aby se mezery vyrovnaly...
krteczek
Profil
a jestli se nepletu tak css má byt uzavřene mezi <!-- --> to taky muže dělat neplechu
Toto téma je uzamčeno. Odpověď nelze zaslat.