Miért nem működik a gomb?
Egy olyan nyomógombot szeretnék, amely ha fölé viszed az egeret, átvált a háttere, és ha rákattintasz egy másik oldalt nyit meg.
A linket persze lehessen változtatni a HTML-ből.
A CSS kód:
.dw {
height: 35px;
width: 147px;
background: url(images/dw1.png) no-repeat;
height: 35px;
width: 147px;
margin-top:10px;
margin-bottom:10px;
}
.dw:hover{
background: url(images/dw2.png);
}
HTML kód:
<a href="valami.html"> <div class="dw"> </div> </a>
Akkor működik, ha szöveget is írok a linkre, de akkor csak a link méretére korlátozódik a háttér mérete, nem pedig a megasott méretekre.
Eddig működött ezzel a kóddal, most miért nem? Mi lehet a hiba?
válasza:<a href="valami.html"> <div class="dw"> </div> </a>
Nincs mire rávinni az egeret + nincs mire rákattintani
A képernyőn ennyi látszik:
vagyis semmi
mindenképpen kell megadni valami szöveget vagy képet amire rátudsz kattintani (vagy esetleg elég szél/magasság).
tegyél bele pl egy img teget.
és div sztem felesleges, add meg a-nak a classt
egy példa: <a href="valami.html" class="dw">Szöveg vagy kép</a>
válasza:A div valóban felesleges, az előző helyes megoldásához annyit tennék hozzá, hogy miután a link tag (a) alap állapotában inline típusú, célszerű blokkra, vagy inline blokkra váltani, és magasságot szélességet adni neki. Vagyis a css-hez ezt add még hozzá:
display: inline-block;
És mehet is bele a tartalom...
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!