Autor Zpráva
Kráťa
Profil
Ahojky,
ve <style> mám:
#menici1 {
background: url("images/t_menici1.gif") 0 0 no-repeat;
width: 100px;
height: 25px;
text-align: center;
}
#menici1:hover {
background-position: -100px 0;
width: 100px;
height: 25px;
}

v kódu pak:
<a id="menici1" href="http://www.nekam.cz"></a>

v IE se to zobrazuje, jak chci (široké 100px), ale ve FF nee (vůbec se bez textu neobjeví), tam se mi zobrazí pouze taková šířka, která odpovídá vepsanému textu. Dejme tomu když tam dám:
<a id="menici1" href="http://www.nekam.cz">xxx</a>

tak má odkaz šířku těch xxx. Proč se nezobrazuje široký 100px, když je to nadefinováno ve stylu?
Zase něco dělám blbě a nemůžu přijít na to co. Dík za radičku(y).
Timy
Profil
Kráťa
IE v quirku dovoluje takto měnit šířku řádkovým elementům, ale ostatní prohlížeče to nesežerou (IE ve standardu také ne). Řešení - přidej těm odkazům display:block.
Kráťa
Profil
aha
a display: block
:-)
Toto téma je uzamčeno. Odpověď nelze zaslat.

0