Autor Zpráva
Birkof
Profil
Mam nasledujici kod, ktery text v tagu <a> rozdeluje na 3 casti, u kterych potrebuji mit nastavenou sirku. Po prejeti po tom linku se mi cele pozadi linku zvyrazni cervenou barvou, ale ten div mi to cpe na nove radky, coz se da obejit pomoci float: left, ale v tu chvili se mi prestane prebarvovat pozadi toho linku. Tag span by sice byl to prave orechove, ale pouze pro IE ne pro FF a OP, pac mi u toho spanu nenastavy sirku. Nevite co s tim?

<style>
#link:hover
{
background-color: red;
}
</style>
<a id="link" href="aaa">
<div style="width: 50px;">abc</div>
<div style="width: 60px;">def</div>
<div style="width: 70px;">ghi</div>
</a>
bukaj
Profil
Zaprvé <div>y v odkazu nemají co dělat. Použij <span>.
A řešením, co mě napadá je ""tabulka"". Odkazu nastavíš display: table-row. A spanům display: table-cell.
centi
Profil
DIV vymeniť za SPAN, SPANu nastaviť display: block; a float: left; (a šírku samozrejme) a odkazu nastaviť overflow: hidden;
Bubák
Profil
Nestačilo by ti něco takového:
a {margin: 0 2px; padding: 0 1em; background: yellow; }
a:hover {background: lime; }
Birkof
Profil
Vyřešil jsem, to přes tabulku. Moc dík za help.

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: