Nieuw lid |
|
Dit is mischien een hele simpele vraag maar mij lukt het toch niet,
Ik wil een plaatje als link hebben die standaard een border moet hebben, als je eroverheen gaat moet die een andere kleur hebben, als hij bezocht is weer een andere en als erop geklikt word ook een andere kleur. het lukt steeds gedeeltelijk maar in FF ziet hij er vreemd uit, de border verandert niet goed mee.
ik heb nu dit:
<a href="#">
<img class="about" src="images/about.gif" alt="about" />
</a>
<img class="about" src="images/about.gif" alt="about" />
en dit is de css:
img.about {
z-index: 3;
position: relative;
width: 140px;
height: 180px;
float: right;
margin: 4px 4px 4px 4px;
border: 1px solid #223399;
}
a:link img.about {
z-index: 3;
width: 140px;
height: 180px;
margin: 4px 4px 4px 4px;
border: 1px solid #223399;
}
a:visited img.about {
z-index: 3;
width: 140px;
height: 180px;
margin: 4px 4px 4px 4px;
border: 1px solid #6600FF;
}
a:hover img.about {
z-index: 3;
width: 140px;
height: 180px;
margin: 4px 4px 4px 4px;
border: 1px solid #6600FF;
}
a:active img.about {
z-index: 3;
width: 140px;
height: 180px;
margin: 4px 4px 4px 4px;
border: 1px solid #AA00FF;
}
img.about { z-index: 3; position: relative; width: 140px; height: 180px; float: right; margin: 4px 4px 4px 4px; border: 1px solid #223399; } a:link img.about { z-index: 3; width: 140px; height: 180px; margin: 4px 4px 4px 4px; border: 1px solid #223399; } a:visited img.about { z-index: 3; width: 140px; height: 180px; margin: 4px 4px 4px 4px; border: 1px solid #6600FF; } a:hover img.about { z-index: 3; width: 140px; height: 180px; margin: 4px 4px 4px 4px; border: 1px solid #6600FF; } a:active img.about { z-index: 3; width: 140px; height: 180px; margin: 4px 4px 4px 4px; border: 1px solid #AA00FF; }
|