Autor | Zpráva | ||
---|---|---|---|
hobr Profil |
#1 · Zasláno: 13. 9. 2013, 16:32:38
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 |
#2 · Zasláno: 13. 9. 2013, 17:17:11
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 |
#3 · Zasláno: 13. 9. 2013, 21:48:23
Díky moc!
|
||
Časová prodleva: 11 let
|
0