Horizontální menu Vyřešeno

[CrazyC0de]

Až pošleš to nové menu, tak jsem ochoten ti ho udělat.

[Reklama]

[yela94]

no však pošli nový předělaný html podle toho co ti radil d1amnod

<ul id="menu" class="clearfix">
<li><a href="omessim.html">O Messim</a></li>
 <li>
    <ul id="menu">
      <li><a href=#>1</a></li>
<li><a href=#>2</a></li>
    <ul>
 </li>
<li><a href="klub.html">Současný klub</a></li>
<li><a href="repre.html">Reprezentace</a></li>
<li><a href="uspechy.html">Úspěchy</a></li>
<li><a href="charakteristika.html">Charakteristika</a></li>
<li><a href="osobnizivot.html">Osobní život</a></li>
</ul>
</ul>

[CZechBoY]

uh?
<ul></li>

[yela94]

nevím jak to mám udělat

[CrazyC0de]

Ach, chceš to udělat ?

--- Doplnění předchozího příspěvku (30 Bře 2013 19:34) ---

Ach, chceš to udělat ?

[yela94]

jo prosím aby mě to u jakýkoliv položky hodilo na výběr třeba dvě delší

[CrazyC0de]

Dobře mrknu na to..

[yela94]

Dík moc

[CrazyC0de]

Je za co .

[Gizzer2]

Zde máš to menu:

Kód: Vybrat vše

  <style>

.menu ul, .menu li
{
list-style-type: none;
margin: 0;
padding: 0 .5em;
}
ul.uroven1 li.polozka1
{
float: left;
position: relative;
font-weight: bold;
padding: .2em .5em;
height: 1em;
_width: 1px; /* IE */
}
ul.uroven2
{
position: absolute;
left: 0;
top: 1.4em;
_top: 1.6em; /* IE */
width: 120px;
visibility: hidden;
padding: .8em .5em;
}

ul.uroven2 li.polozka2 a
{
font-weight: normal;
text-align: left;
padding: 0 .5em .1em;
margin: 0 -.5em;
}

.menu a:hover
{
text-decoration: underline;
}


ul.uroven1 li.polozka1Hover ul.uroven2,
ul.uroven1 li.polozka1:hover ul.uroven2
{
visibility: visible;
}
</style>

<ul class="menu uroven1">
<li class="polozka1">
<a href="">Home</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">O Messim</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Současný klub</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Reprezentace</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Úspěchy</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Charakteristika</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Osobní život</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Rekordy</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
</ul>

[CrazyC0de]

No, já myslím, že mě někdo předběhl, nu což, už to máš, dělat to 2x je zbytečné.

[yela94]

Zde máš to menu:

Kód: Vybrat vše

  <style>

.menu ul, .menu li
{
list-style-type: none;
margin: 0;
padding: 0 .5em;
}
ul.uroven1 li.polozka1
{
float: left;
position: relative;
font-weight: bold;
padding: .2em .5em;
height: 1em;
_width: 1px; /* IE */
}
ul.uroven2
{
position: absolute;
left: 0;
top: 1.4em;
_top: 1.6em; /* IE */
width: 120px;
visibility: hidden;
padding: .8em .5em;
}

ul.uroven2 li.polozka2 a
{
font-weight: normal;
text-align: left;
padding: 0 .5em .1em;
margin: 0 -.5em;
}

.menu a:hover
{
text-decoration: underline;
}


ul.uroven1 li.polozka1Hover ul.uroven2,
ul.uroven1 li.polozka1:hover ul.uroven2
{
visibility: visible;
}
</style>

<ul class="menu uroven1">
<li class="polozka1">
<a href="">Home</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">O Messim</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Současný klub</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Reprezentace</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Úspěchy</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Charakteristika</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Osobní život</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Rekordy</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
</ul>

dík moc ale podle toho html kodu jsem něco udělal špatně protože se mi zobrazí něco jinýho asi to vzdávám no