Autor Zpráva
venomancer
Profil
Mám řádkové menu a když například si stránku zobrazím na notebooku nebo netbooku tak se mě poslední položka menu dá na další řádek, protože na to nemá jak kdyby místo, ale přitom tam místo je. To se děje zřejmě kvůli malému rozlišení.
Šlo by to nějak zafixovat? Menu mám pomocí css.

<td>
            <ul class="menu">
                <li><a href="">blabla</a>
                </li>
            </ul>
        </td>
        <td>
            <ul class="menu">
                <li><a href="l">bla bla</a>
                </li>
            </ul>
        </td>
        <td>
            <ul class="menu">
                <li><a href="">bla bla </a>
            <ul>
                <li><a href="">bla bla </a></li>
                <li><a href="">bla bla </a></li>
                <li><a href="">blabla </a></li>
            </ul>
                </li>
            </ul>
        </td> 
        <td>
            <ul class="menu">
                <li><a href="web/zaver.html">Závěr</a>
            </li>
            </ul>
        </td>

a CSS:
.menu { color: #000000; padding-left: 5px; margin: 0; list-style-type: none; display:block}
.menu ul { margin-top: 0px; position: absolute; visibility: hidden; background-color: #A72135; margin: 0; padding: 0; list-style-type: none; 
}

.menu li { float: left; padding: 3px 0px 1px 3px; width: 207px; white-space: nowrap; }
.menu a { padding: 2px; text-align: left; padding-left: 15px; color: #fff; background-color: rgb(60,80,200); display: block; text-decoration: none; font-weight: bold; }
.menu ul a:link { color: #fff; border-bottom: none; padding-left: 15px; _padding-left: 19px; }
.menu ul a:visited { color: #fff; border-bottom: none; padding-left: 15px; _padding-left: 19px; }
.menu ul a:hover { color: #4f4f4f; background-color: rgb(233,233,233) }
.menu li:hover ul, ul.menu li.hover ul { visibility: visible; }
.menu li li { float: none; border: none; padding: 0; margin: 0; }
nemeja
Profil
Zkus dát živou ukázku.
Tipuju, že to bude způsobeno nastavením pevné šířky, pro element který toto celé obaluje. Možnosti se nabízejí dvě, buď změnit velikost obalujícího elementu, nebo zadávat hodnoty v % - Pozor! Pokud vychází šířka elementu méně, než je šířka textu v něm obsažené, již se nezmenší a další element se opět zalomí na další řádek.
venomancer
Profil
Pomocí % se již nezalomí na další řádek, ale pokud si spustíte tu vaši živou ukázku a najedete na 3.odkaz, kde je vysunovací menu, zjistíte, že je se tam jaksi objevila červená barva.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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