Autor | Zpráva | ||
---|---|---|---|
Birkof Profil |
#1 · Zasláno: 10. 8. 2007, 09:36:25 · Upravil/a: Birkof
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 |
#2 · Zasláno: 10. 8. 2007, 09:48:11
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 |
#3 · Zasláno: 10. 8. 2007, 09:52:31
DIV vymeniť za SPAN, SPANu nastaviť display: block; a float: left; (a šírku samozrejme) a odkazu nastaviť overflow: hidden;
|
||
Bubák Profil |
#4 · Zasláno: 10. 8. 2007, 11:10:19
Nestačilo by ti něco takového:
a {margin: 0 2px; padding: 0 1em; background: yellow; } a:hover {background: lime; } |
||
Birkof Profil |
#5 · Zasláno: 10. 8. 2007, 11:34:37
Vyřešil jsem, to přes tabulku. Moc dík za help.
|
||
Časová prodleva: 18 let
|
0