Ben al een tijdje aan het prutsen om een banner te maken in HTML die W3C valid is.
Als achtergrond wordt een 220x100px afbeelding gebruikt, daarop wordt een text getoond incl een dynamisch bewegende prijs.
Dat is allemaal gelukt, maar het is natuurlijk ook de bedoeling dat als mensen erop klikken ze naar de doelurl gaan.
Ook moet het zaakje W3C valid zijn om het extra moeilijk te maken.
Middels een transparante overlay ben ik wat verder gekomen, maar deze komt standaard pas onder de text tevoorschijn.
Middels CSS heb ik die omhoog geschoven, maar toch bleef er dan onder die banner ruimte 'bezet'.
Als tijdelijke oplossing heb ik dus een smal stukje overlay genomen die slechts de onderste 40px van de banner bedekt, maar het liefst zou ik dus iets vinden wat de volledige banner aanklikbaarmaakt en W3C valid is en ook geen ruimte buiten de banner 'gebruikt'
Huidig voorbeeld is hier het zien: Goudbaren & Zilverbaren

Gebruikte HTML & CSS staat hieronder, hopelijk weet iemand een werkende oplossing om de hele banner aanklikbaar te krijgen ipv het onderste randje.

<div id="Agb1">
text<br>
text<br>
text<br>
<span class="smquote productid40"></span>Prijs<br>
<a target="_blank" rel="nofollow" href="Doelurl"><img src="Transparante 1px gif" id="Cl1" alt=""></a>
</div>

#Ag01 { height: 100px; width: 220px; background-image: url(zilver-inkoop.nl/redirect/zilveren-gulden.jpg); font-size: 14px; line-height: 135%; font-weight: bold; text-align: right; }

#Cl1 { height: 40px; width: 220px; border: 0; float: left; position: relative; top: -16px; }

Gebruik je een strict doctype?

Zo te zien niet:

<!DOCTYPEHTMLPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">