[css] <img> als hyperlink zonder rand

[wzzrd]

Beetje moeilijk om hier een topic titel voor te bedenken die duidelijk is. Het probleem is als volgt:

ik heb een site waarop staat:

code:

<a class="titel" href="linkje.html">[img]"logout.png"[/img]</a>

in de stylesheet heb ik "titel" gedefinieerd als volgt:

code:

a:link.titel, a.titel, a:active.titel, a:focus.titel {
    font: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: white;
    border-width: 0px;
    border-color: white;
    text-decoration: none;
}

a:hover.titel {
    font : Verdana, Geneva, Arial, Helvetica, sans-serif;
    border-color: white;
    border-width: 0px;
    color: white;
    text-decoration: underline;
}

Ik heb die css al 100 keer veranderd of zo, dus het zou kunnen dat het sowieso niet meer helemaal klopt. Maar goed, jullie hebben er verstand van dus wat ik wil vragen is dit:

Op dit moment geeft IE6 dat plaatje constant weer met een blauwe of paarse rand er omheen, echt zo'n ouderwets hyperlink ding. Ik krijg het niet voor elkaar om die balk weg te slopen. Mozilla doet het wel goed (I Mozilla). Ik word langzaam gestoord van dat pokke IE ding, maar ik wil het goed hebben! Dus wat moet ik in die css zetten om de hyperlink randen van mijn plaatje af te slopen???

Oh, btw, waarom geeft IE png's met transparante vlakken niet weer als png's met transparante vlakken, maar als png's met een gekleurde achtergrond

[DeFeCt]

">[img]"logout.png"[/img]</

?

/edit:

Waarom trouwens een witte border met een width van 0 maken?

[wzzrd]

/edit: als poging dat stomme randje weg te slopen Nog niet helemaal wakker denk ik, want dit was niet wat je noemt erg moeilijk

Surry voor de forum vervuiling

[Verwijderd]

hier heb je een voorbeeld van link naar een plaatje zonder border.

<a href="Http://www.knutpage.cjb.net/">[img]"03.JPG"[/img]

let op het BORDER = 0

[DeFeCt]

Op maandag 18 februari 2002 09:49 schreef wzzrd het volgende:
Nog niet helemaal wakker denk ik

Op maandag 18 februari 2002 09:54 schreef 22339 het volgende:
hier heb je een voorbeeld van link naar een plaatje zonder border.
let op het BORDER = 0

Je bent niet de enige

[Willem]

Je kunt ook nog voor de zekerheid in je CSS opgeven:

code:

.pauper {
  border-style: none;
  border-width: 0px;
}

en dan bij elke <img>:

code:

<img class="pauper">