Autor Zpráva
hobr
Profil
Zdravím,
už několik dní bojuju s dvouřádkovým menu, zarovnávaným doprava v jednom bloku s logem, které plave vlevo. Buď se mi slévá menu do jednoho řádku, nebo mi vyskočí nad logo... Nemůžu se dopídit příkladu, který by tohle řešil. Poradíte? Díky moc!

Chci aby to vypadalo takhle:
-----------
|   logo   |                                      menu1 menu2 menu3 menu4             
-----------                                menu5 menu 6 menu7 menu8 menu9
--------------------------------------------------------------------------
Nadpis atd...
Trejpa
Profil
hobr:
Jednoduše, pomocí plavání:

<style>
#hlavicka { overflow: auto; }
#logo { float: left; width: 40%; }
menu { overflow: auto; list-style: none; padding: 0; margin: 0 0 0 40%; }
menu li { float: right; padding: 1ex; }
menu .zalomit { clear: right; }
</style>

<div id=hlavicka>
    <a href="#" id=logo><img src=obrazek.png width=200 height=100 alt=logo></a>
    <menu>
        <li><a href="#">menu1</a>
        <li><a href="#">menu3</a>
        <li><a href="#">menu4</a>
        <li class=zalomit><a href="#">menu5</a>
        <li><a href="#">menu6</a>
        <li><a href="#">menu7</a>
        <li><a href="#">menu8</a>
        <li><a href="#">menu9</a>
    </menu>
</div>
hobr
Profil
Díky moc!

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:

0