Img link CSS
Baken
01/07/2007 23:34:00Mensen,
Ik gebruik de volgende CSS om een "linkback" button te maken:
a.img_linkback {
background-image: url(../img/paginaterug.jpg);
}
a:hover.img_linkback {
background-image: url(../img/paginaterug_over.jpg);
}
Echter hoe roep ik deze in HTML aan zodat je de img zie?
Werkt niet goed: <a href='' class='img_linkback' alt=''></a>
Bedankt!
Ik gebruik de volgende CSS om een "linkback" button te maken:
a.img_linkback {
background-image: url(../img/paginaterug.jpg);
}
a:hover.img_linkback {
background-image: url(../img/paginaterug_over.jpg);
}
Echter hoe roep ik deze in HTML aan zodat je de img zie?
Werkt niet goed: <a href='' class='img_linkback' alt=''></a>
Bedankt!
Gewijzigd op 01/01/1970 01:00:00 door Baken
PHP hulp
22/12/2024 14:58:10Hoi Baken,
Zoals je het hier schrijft klopt het, alleen is dit niet de manier om dit te doen. Want als je een linkje hebt zoals jij dat hier als voorbeeld gebruikt:
<a href="" class="img_linkback" alt=""></a> dan zie je dus niets. Waar moet de achtergrond afbeelding dan getoond worden?
Wanneer je er een 'width' en een 'height' bijgeeft (bij de class .img_linkback) dan zul je meer resultaat zien denk ik.
Zoals je het hier schrijft klopt het, alleen is dit niet de manier om dit te doen. Want als je een linkje hebt zoals jij dat hier als voorbeeld gebruikt:
<a href="" class="img_linkback" alt=""></a> dan zie je dus niets. Waar moet de achtergrond afbeelding dan getoond worden?
Wanneer je er een 'width' en een 'height' bijgeeft (bij de class .img_linkback) dan zul je meer resultaat zien denk ik.
Baken
01/07/2007 23:52:00Ja dat zou je zeggen hè? Maar dat is niet zo...het enige wat helpt is wat tekst te zetten in de link, maarre dat is natuurlijk niet de bedoeling, en zie je het plaatje niet meer...
Bedankt.
Bedankt.
Thijs X
02/07/2007 01:00:00Als je display:block toevoegd zou het moeten werken:
Wel even de width en height van je afbeelding gebruiken.
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
a.img_linkback {
background-image: url(../img/paginaterug.jpg);
width: px;
height: px;
display: block;
}
<a href="" class="img_linkback" alt=""> </a>
background-image: url(../img/paginaterug.jpg);
width: px;
height: px;
display: block;
}
<a href="" class="img_linkback" alt=""> </a>
Wel even de width en height van je afbeelding gebruiken.