Olika a attribut i en css

attributet a är ju alltid med när man vill länka - men hur gör man om man vill ha olika färg .. visited hover etc på länkarna i ett html dok ?

jag måste ju skriva a för att starta en länk... ?

Undra om denna fråga är gränsen till obegåvad...:) men ja vet inte svaret...

// s

html
<a href

css
a {
color:#ffffff;
font-size:15px;
text-decoration:none;
font-weight:600;
font-family:verdana, arial, helvetica, sans-serif;
}
a:link {color:#07a;}
a:visited {color:#07a;}
a:hover {background-color:#ffffff;}

Använd class=""

Class var det.. hmm. det gick inte så bra iallafall inte när jag gjorde så här..det enda som hände var att löptexten påverkades

FloresMedialaTjänster,
Pyramidmeditation

Vill du ha en medial rådgivning eller en psykometri hemma?
Kontakta mig för en prisbild.
Vill du läsa lite om mig och vad jag gör utöver det mediala kan du besöka: Södertörns Hörsel & Hälsa

<p class="textformat1"><a href="http://www.pyramidmeditation.se" target=_blank">Pyramidmeditation</a></p>

#Content {
margin:0px 210px 50px 10px;
padding:50px;
}

.textformat1

 {
color:#9966cc;
font-size:25px;
text-decoration:none;
font-weight:600;
font-family:verdana, arial, helvetica, sans-serif;
}

a:link {color:#07a;}
a:visited {color:#07a;}
a:hover {background-color:#9966cc;}

<http://flinganbyheart.se/flingan.html>

det jag vill uppnå är att ha olika färger o storlek på olika länkar - dom i lilla vita ruta en design o ord i texten en annan a link design.

Din vita ruta har id:t Menu och det kan du utnyttja i detta fall...

Du kan ange det generella länkutseendet på samma sätt som du gjort i ditt första inlägg - det vill säga, det är det utseende som kommer att användas om inget annat anges - och sedan tala om att länkarna i Menu ska se ut på ett annat sätt:

#Menu a:link {
}
#Menu a:visited {
}
#Menu a:hover {
}
#Menu a:active {
}

rakatoner skrev:

Class var det.. hmm. det gick inte så bra iallafall inte när jag gjorde så här..det enda som hände var att löptexten påverkades

FloresMedialaTjänster,
Pyramidmeditation

Vill du ha en medial rådgivning eller en psykometri hemma?
Kontakta mig för en prisbild.
Vill du läsa lite om mig och vad jag gör utöver det mediala kan du besöka: Södertörns Hörsel & Hälsa

<p class="textformat1"><a href="http://www.pyramidmeditation.se" target=_blank">Pyramidmeditation</a></p>

#Content {
margin:0px 210px 50px 10px;
padding:50px;
}

.textformat1

{
color:#9966cc;
font-size:25px;
text-decoration:none;
font-weight:600;
font-family:verdana, arial, helvetica, sans-serif;
}
a:link {color:#07a;}
a:visited {color:#07a;}
a:hover {background-color:#9966cc;}

http://flinganbyheart.se/flingan.html

det jag vill uppnå är att ha olika färger o storlek på olika länkar - dom i lilla vita ruta en design o ord i texten en annan a link design.

För att formatera textlänkar på olika sätt får man använda klasser.

För att formatera länkar deras färg storlek etc som gäller för hela dokumentet:

a, 
a:visited, 
a:active { color: #ff0000; }
a:hover { color: #ccc; }

För att formatera färg storlek inom specifika områden, säg länkar inom .textformat1:

.textformat1 a, 
.textformat1 a:visited, 
.textformat1 a:active { color: #ff0000; font-size: 2em;}
.textformat1 a:hover { color: #ccc; font-size: 2em;}
.annan-ruta a, 
.annan-ruta a:visited, 
.annan-ruta a:active { color: #ff0000; font-size: 1.2em;}
.annan-ruta a:hover { color: #ccc; font-size: 1.2em;}

osv.

Detta kan säkert lösas på 1000 sätt. Här är ett! :)

<div id="box1">
     <a href="">en länk</a>
</div>
<div id="box2">
     <a href="">en annan länk</a>
</div>

Till detta lägger du sedan till lite css

#box1 a {
     color:#ff0000;
}
#box1 a:hover {
     color:#00ff00;
}

#box2 a {
     color:#000000;
}
#box2 a:hover {
     color:#111111;
}

//RED Oj då, jag skriver visst sakta idag! :)

doggelito skrev:

//RED Oj då, jag skriver visst sakta idag! :)

Bin there, done that.

Thanks !! nu har jag lyckats style mina länkar i färg hover mm men bara ett lite klurigt moment kvar .. size... av alla tips fastnade jag för jawbreakers , provat att lägga till en font -size men det funkade inte ..tips ? ( dom små smileys som dyker upp i koden är inte jag... dom ploppar upp själv.... )
#Menu a:font-size {14px
}
#Menu a:link {
}
#Menu a:visited {
}
#Menu a:hover {
}
#Menu a:active {
}

du gör på samma sätt som med färgen
fast du behöver tex inte sätta storleken på alla (om jag inte är helt fel ute)
så det räcker med

#Menu a{font-size:14px; osv}
#Menu a:hover{color:#ff0000;}

dubbelpost

#Menu a {
font-size: 14px;
}