Autor | Zpráva | ||
---|---|---|---|
Shotek Profil * |
#1 · Zasláno: 24. 2. 2005, 19:15:42
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 |
#2 · Zasláno: 24. 2. 2005, 19:20:49
Dej sem nějaký kód nebo odkaz.
|
||
Shotek Profil * |
#3 · Zasláno: 24. 2. 2005, 19:22:55
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 |
#4 · Zasláno: 24. 2. 2005, 19:26:11
Chtělo by to i ten tvůj kód.
|
||
Shotek Profil * |
#5 · Zasláno: 24. 2. 2005, 19:29:29
<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">></font>Úvod</a></h3> </li> <li class="main" > <h3><a href="necoomne.html" title="Kecy kecy kecy"><font color="white">></font>Něco o mně</a></h3> </li> <li class="main" > <h3><a href="mojepc.html" title="Konfigurace, obrázky"><font color="white">></font>Moje PC</a></h3> </li> <li class="main" > <h3><a href="odkazy.html" title="Pár zajímavých odkazů"><font color="white">></font>Odkazy</a></h3> </li> <li class="main" > <h3><a href="murphy.html" title="Murphyho zákony"><font color="white">></font>Murphy</a></h3> </li> <li class="main" > <h3><a href="film.html" title="Recenze filmů"><font color="white">></font>Film</a></h3> </li> <li class="main" > <h3><a href="t610.html" title="Věci pro T610"><font color="white">></font>SE T610</a></h3> <ul class="sub"> <li><a href="themes.html" title="Motivy pracovní plochy"> Themes</a></li> <li><a href="#" title="Obrázky"> Wallpapers</a></li> <li><a href="#" title="Vyzváněcí melodie"> Ringtones</a></li> <li><a href="#" title="Spořiče displeje"> Screensavers</a></li> <li><a href="#" title="Hry"> Games</a></li> <li><a href="#" title="Programy pro T610"> Software</a></li> </ul> </li> <li class="main" > <h3><a href="guestbook.html" title="Návštěvní kniha"><font color="white">></font>Guestbook</a></h3> </li> </ul> </div> </body> </html> Vsimete si mezery mezi posledni a predposledni polozkou |
||
mat Profil |
#6 · Zasláno: 24. 2. 2005, 19:47:04 · Upravil/a: mat
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 |
#7 · Zasláno: 24. 2. 2005, 19:50:01
Taky to moc nechápu, ale není to tím marginem u #menu h3?
|
||
Shotek Profil * |
#8 · Zasláno: 24. 2. 2005, 19:50:18
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 |
#9 · Zasláno: 24. 2. 2005, 19:51:37
Já vidím všechny mezery stejně velký...
|
||
Shotek Profil * |
#10 · Zasláno: 24. 2. 2005, 19:55:20
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 |
#11 · Zasláno: 24. 2. 2005, 19:56:03 · Upravil/a: Acci
Já je vidím také stejně velký (viz screenshot)
|
||
Shotek Profil * |
#12 · Zasláno: 24. 2. 2005, 19:58:37
Mne to IEcka tak nezobrazuji....delaji tam mezeru
|
||
Shotek Profil * |
#13 · Zasláno: 24. 2. 2005, 20:06:00
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 * |
#14 · Zasláno: 24. 2. 2005, 20:08:31
a jeste musim pod kazdou polozku menu pridat prazdnej tag <ul> aby se mezery vyrovnaly...
|
||
krteczek Profil |
#15 · Zasláno: 24. 2. 2005, 22:38:40
a jestli se nepletu tak css má byt uzavřene mezi <!-- --> to taky muže dělat neplechu
|
||
Časová prodleva: 19 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0