CSS_text-decoration_font_color

[Simon Holm]

Detta är nästan pinsamt men hur tusan tar man bort decoration,

samtidigt som man href:en i vit färg och en mörkare bakgrund.

Default värdet är tydligen svart.

 

 

 

 

a {text-decoration: none}

[CyberPet]

a:link { color: #ENFÄRG; text-decoration: none }

a:visited { color: #ANNANFÄRG; text-decoration: none }

 

[FlashX]

Ska du dessutom ha en bakgrund vid "Mouse Over" så får du lägga till ytterligare någon rad.

Det funkar för övrigt bara i Explorer.

Här får du några rader som har vit länk-text och svart bakgrund vid Mouse over.

 

<style type="text/css">

<!--

a { text-decoration:none; color:#FFFFFF; }

a:link { color: #FFFFFF; text-decoration: none}

a:visited { color: #FFFFFF; text-decoration: none}

a:hover { color: #FFFFFF; text-decoration: none; background-color: #000000}

a:active { color: #FF0000; text-decoration: none}

-->

</style>

 

a:active är röd och synns bara vid själva klickögonblicket.

Du ädrar lätt färgerna själv.

 

-Kjell

 

[Simon Holm]

Tack alla samman för förslagen jag hade testat Petras förslag redan innan jag skrev inlägget men fick den inte att funka i Netscape 4.5.

(kanske var det för pga tillfälligt sinnesförvirring :-) )

 

Men problemet var i utgångspunkt lite knepigare (beroende hur man ser det) jag hade länkar med både mörk och vit bakgrund på samma sida. Det var egentligen det jag gick bet på (jag vet inte varför jag inte tänkte classer det har jag använt förut, kanske är det värmen) fast jag har löst men troligen inte på det optimala sättet. Jag måsta speca varja href vilket blir lite tidsödande om har ett större dokumnent. Dessutomm så lyckas jag inte ändra font storleken

detta måsta jag jobba vidare på.

 

 

Man skall kunna blanda pesudo klasser

med vanliga classer men det funkar inte.

 

a.something:visited { }

 

Poängen är att få det att funka i både

Netscape (som är sämt på detta) och IE5, har inte testat hur det ser ut i Opera ännu, Opera skall var mer trofast CSS än sinna rivaler.

 

[Simon Holm]

Ja ngt sånt löste jag problemet med ...

 

a.some {color: #FFFFFF; text-decoration: none;}

a.then {color: #000000; text-decoration: none;}

 

Men med text-decoration: none då, fast du gav mig en ide hur jag

kanske skall få bukt med font_storleken. Hoppas att det funkar. Tack!

 

PS är det någon exprementerat med CSS och XML?