PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
Z

CSS border link

Door Zelf Weten op 19-01-2006 15:54
516 views
Snap nie. Ik heb een img tussen de <a> tags staan als een link. Nu wil ik er een border omheen. Staat er al omheen. Maar in die standaard blauw / paars kleuren. Ik heb in m'n css gewoon staan:

a:link, a:visited {
color : #F26100;
border-color : #F26100;
text-decoration : none;
}

a:hover {
color : #595959;
border-color : #595959;
text-decoration : underline;
}

Maar hij pakt 'm in IE niet. En in FF weer wel! Grrr. Hoe doek dat? Class? Of CSS aanpassen?

Beetje niet PHP, I know, maar tis zo easy. Kom er alleen niet uit en gelukkig beheersen de meeste mensen hier ook goed CSS :-). DANK!
W
Winston Smith
19-01-2006 15:56
Moet je in IE niet eerst een border dan meegeven?

border: 2px solid #F26100;
Jan Koehoorn
19-01-2006 15:58
a:link, a:visited {
color : #F26100;
border-color : #F26100;
text-decoration : none;
}

a:hover {
color : #595959;
border-color : #595959;
text-decoration : underline;
}

img {
border: 0px;
}
W
Winston Smith
19-01-2006 16:08
In IE en FF is zijn de links toch precies hetzelfde? Enige verschil is dat de header niet doorloopt in FF.
Z
Zelf Weten
19-01-2006 16:12
Kasper schreef op 19.01.2006 16:08
In IE en FF is zijn de links toch precies hetzelfde? Enige verschil is dat de header niet doorloopt in FF.


Ja ik snap er ook geen anus van. Maar goed. Ik heb wel border: 0px gedaan bij IMG. Tis goed zo! Nog bedankt.
Jan Koehoorn
19-01-2006 16:13
Bij mij ziet je voorbeeld er hetzelfde uit in IE en FF
M
Mark
19-01-2006 16:14
en ik zie niks, alleen Oeps... :-/
M
Mark
19-01-2006 16:14 gewijzigd op 19-01-2006 16:15
*shit weer dubbele post...*
Jan Koehoorn
19-01-2006 16:16
Michiel Haverlag schreef op 19.01.2006 16:12
Ja ik snap er ook geen anus van. Maar goed. Ik heb wel border: 0px gedaan bij IMG. Tis goed zo! Nog bedankt.


Heel simpel: images met een hyperlink er omheen krijgen een blauw randje van IE. Als je dus de randen van een img altijd op 0 zet, is ie in alle browsers weg.

Wil je de hyperlinks in alle browsers randen geven met verschillende kleuren, zou je zoiets kunnen doen:

a:link, a:visited {
border: 2px solid blue;
}

a:hover, a:active {
border: 2px solid red;
}

img {
border: 0px;
}

Reageren

Inloggen om te reageren