Autor Zpráva
fires
Profil *
lidi jak mám vyřešit todle?

chci udělat tlačítko ale jen jako obrázek a aby se měnil ten obrázek ale je tam problém s validací :- /

zdrojak

<td class="logo3_"><a href="#" class="logo3"><div class="logo3_"> </div></a></td>

a.logo3 {background-image: url('img/logo3_a.gif')}
a.logo3:hover {background-image: url('img/logo3_b.gif')}
.logo3_ {
width: 77px;
height: 227px;
}

jenomže validator mi hlásí chybu že v <a> nemuže být <div> :-(
čím to nahradit aby mi to roztáhlo to pole odkazu? přeci nebudu tam dvat <br> :- /

diky za rady jak to vyřešit .... :-)
Dero
Profil
<td class="logo3_"><a href="#" class="logo3_">text</a></td>

a.logo3_ {background-image: url('img/logo3_a.gif'); display: block; }
a.logo3_:hover {background-image: url('img/logo3_b.gif')}
.logo3_ {
width: 77px;
height: 227px;
}
Timy
Profil
Dero
Jak příznačný dotaz pro dnešní den ;-)
fires
Profil *
aha fakt jako tam napíšu text a to se mi roztáhne na
width: 77px;
height: 227px;

:-D asi ne no :-D jako já tam nechci mít text chci tam mít obrázek jako tlačítko které se bude měnit né "text"

a pokud je obrázek velký
width: 77px;
height: 227px;

tak tím pádem potřebuju roztáhnout <a> na rozměr
width: 77px;
height: 227px;
aby šlo vidět celý obrázek
mi to udělal <div> ale není to validní :- /
Radek Hrabůvka
Profil
fires Tak dej:
logo3_ a.logo3_ {background-image: url('img/logo3_a.gif'); display: block; width: 77px; height: 227px;}
logo3_ a.logo3_:hover {background-image: url('img/logo3_b.gif')}

Nějak se ti pomnožily třídy, cjtělo by to trochu optimalizace.

Řeší se to jedním obrázkem, který má v sobě dva.
Toto téma je uzamčeno. Odpověď nelze zaslat.

0