Css bordercolor probs

[Dekaasboer]

Ik ben nu lekker een website aan het coden. Ik loop alleen ergens tegenaan.

Ik heb meerdere afbeeldingen en links in de site. Nu wil ik een mouseover effect op slechts 3 afbeeldingen.

Dit is mijn huidige css:

code:

BODY      { background-position: center; background-repeat: no-repeat; background-position:}

a:link, a:visited, a:active
{
color:#797979; 
font-size:17px; 
font:verdana;
text-decoration:none;
} 

a:hover
{
color:#FF7919; 
font-size:17px; 
font:verdana;
text-decoration:none
}

a:link, a:visited, a:active
{
margin: 0px;
border: 1px solid;
border-color: #FFfff;
} 

a:hover
{
margin: 0px;
border: 1px solid;
border-color: #FF7919;
}

Momenteel gooit hij dus om iedere link en afbeelding een rand. En dat moeten we niet hebben.
Hoe zorg ik nu dat ik die border color change op slechts 3 afbeeldingen kan toepassen? Ik heb iets geprobeerd met classes, maar daar kom ik niet helemaal uit.

Dit is nu al de tweede dag dat ik hier niet uitkom. Heb van alles gebrobeerd, maar ik kom er niet uit. Wie legt mij dit uit?

En ja, ik heb handleiding html en w3school al doorgelezen. Maar echt duidelijk wordt het me niet

[ Voor 4% gewijzigd door Dekaasboer op 23-11-2007 17:07 ]

[TERW_DAN]

Waarom lukt het niet met classes?
Maak 2 classes aan, 1 waarin je alles definieert voor het plaatje en een 2e waarin je de borders neerzet. Moet het plaatje geen borderchange krijgen dan wijs je alleen de eerste class toe, moet hij dat wel, dan wijs je ook de 2e class toe.

[Dekaasboer]

Terw_Dan schreef op vrijdag 23 november 2007 @ 17:07:
Waarom lukt het niet met classes?
Maak 2 classes aan, 1 waarin je alles definieert voor het plaatje en een 2e waarin je de borders neerzet. Moet het plaatje geen borderchange krijgen dan wijs je alleen de eerste class toe, moet hij dat wel, dan wijs je ook de 2e class toe.

Misschien omdat ik classes dan verkeerd implementeer Nog eens even naar die classes kijken dan.

[TERW_DAN]

Dekaasboer schreef op vrijdag 23 november 2007 @ 17:11:
[...]


Misschien omdat ik classes dan verkeerd implementeer Nog eens even naar die classes kijken dan.

Dan stel ik de vraag zo. Hoe zien je classes er nu uit en hoe wijs je die dingen toe?

[Dekaasboer]

Terw_Dan schreef op vrijdag 23 november 2007 @ 17:15:
[...]

Dan stel ik de vraag zo. Hoe zien je classes er nu uit en hoe wijs je die dingen toe?

Wat ik er zo van snap:

code:

BODY      { background-position: center; background-repeat: no-repeat; background-position:}

a:link, a:visited, a:active
{
color:#797979; 
font-size:17px; 
font:verdana;
text-decoration:none;
} 

a:hover
{
color:#FF7919; 
font-size:17px; 
font:verdana;
text-decoration:none
}

.speciaal
a:link, a:visited, a:active
{
margin: 0px;
border: 1px solid;
border-color: #FFfff;
} 

a:hover
{
margin: 0px;
border: 1px solid;
border-color: #FF7919;
}

Pas vanaf regel 19 moet op bepaalde elementen worden toegepast.
En dan probeer ik in html:

code:

<h1 class="speciaal"
    <td width="45" height="180"><img src="img/wenslogolijnlinks.jpg" width="45" height="180"></td>
</h1>

Waarschijnlijk sla ik de plak compleet mis.

[ Voor 3% gewijzigd door Dekaasboer op 23-11-2007 17:20 ]

[TERW_DAN]

Je moet sowieso de tag afsluiten (maar dat zal eerder een c/p foutje zijn).

Verder zou ik de class gewoon aan de image zelf toekennen (en de rest van de tags gewoon weglaten, TD tags heb je niet nodig als je gewoon een position opgeeft in de css file).

dus als class iets als

HTML:

.imgstandaard {
width: 45px;
height: 180px;
position: absolute;
top; 0px;
left: 0px;
}

.imgspeciaal:hover{
border: 1px solid;
border-color: #FFF;
}

en dan je plaatje

HTML:

<img class="imgstandaard" src=url>

<img class="imgstandaard imgspeciaal" src=url>