Autor Zpráva
Jearse
Profil *
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
Asi mas starou verzi prohlizece. Word-spacing myslim nejde v nekterych starych verzich. Jinak sry, nechce semi to cist :D

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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