Autor | Zpráva | ||
---|---|---|---|
Jearse Profil * |
#1 · Zasláno: 3. 7. 2007, 14:16:21
lidi pls mam vertikalni seznam s hover menu a chci tomu dat word-spacing ale nefungujeme ti tovite proc??
HTML <div id="menu"> <ul class="menu uroven1"> <li class="polozka1"> <a href="index.html">Úvod</a> </li> <li class="polozka1"> <a href="vyroba.html">Výroba</a> <ul class="menu uroven2"> <li class="polozka2"><a href="svarovani.html">Svařování</a></li> <li class="polozka2"><a href="obrabecskeprace.html">Opraběčské p.</a></li> <li class="polozka2"><a href="povrchoveprace.html">Povrchové p.</a></li> <li class="polozka2"><a href="svetelnereklamy.html">Světelné r.</a></li> </ul> </li> <li class="polozka1"> <a href="reference.html">Reference</a> <ul class="menu uroven2"> <li class="polozka2"><a href="dorda.html">Autosalon Dorda</a></li> <li class="polozka2"><a href="behr.html">Behr</a></li> <li class="polozka2"><a href="umotshatharding.html">Umot Shat Harding</a></li> <li class="polozka2"><a href="crocodille.html">Crocodille</a></li> <li class="polozka2"><a href="bombardier.html">Bombardier</a></li> <li class="polozka2"><a href="trw.html">TRW</a></li> </ul> </li> <li class="polozka1"> <a href="kontakty.html">Kontakty</a> </li> </ul> CSS .menu { padding: 0px; margin: 0; padding-left: 250px; } .menu a { text-decoration: none; color: white; display: block; width: 100%; font-family: verdana; font-weight: normal; font-weight:"100"; font-size: 10px; word-spacing: 50px; } .menu ul, .menu li { list-style-type: none; margin: 0; padding: 0 .5em; word-spacing: 50px; } ul.uroven1 li.polozka1 { float: left; position: relative; font-weight: bold; visibility: visible; padding: .2em .5em; height: 1em; _width: 1px; /* IE */ word-spacing: 50px; } ul.uroven2 { position: absolute; left: 0px; top: 1.4em; _top: 1.6em; /* IE */ visibility: hidden; padding: 0px; margin: 0px; display: block; } ul.uroven2 img { border: solid #368 2px; } ul.uroven2 li.polozka2 a { font-weight: normal; text-align: center; padding: 0 .5em .1em; margin:0 0 2px 0; border: 1px solid blue; display: block; } ul.uroven2 li.polozka2 a:hover { background: #bee3ff; } .menu a:hover { text-decoration: none; } ul.uroven1 li.polozka1 { behavior: url(hover.htc); } ul.uroven1 li.polozka1:hover, ul.uroven1 li.polozka1Hover { background: #bee3ff; } ul.uroven1 li.polozka1Hover ul.uroven2, ul.uroven1 li.polozka1:hover ul.uroven2 { visibility: visible; } kdyz bude neco blbe jen to reknete nestydtese=)) |
||
tajny spion Profil |
#2 · Zasláno: 3. 7. 2007, 16:35:38
Asi mas starou verzi prohlizece. Word-spacing myslim nejde v nekterych starych verzich. Jinak sry, nechce semi to cist :D
|
||
Časová prodleva: 17 let
|
0