PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : CSS Angaben für Netscape + Opera


BeneBaur
26.10.2003, 11:36:03
Kann es sein das man für dien Netscape und Opera Browser CSS Angaben völlig anders schreiben muss, ich hab nähmlich was ganz simples gemacht, einfach diesen "besuchte Links" Tag, klappt im IE super nur in den beiden anderen sieht das ganz anders aus!

Woran liegt das, bzw. wie kann ich das hinbekommen damit das gut aussieht`?

sourcecode
26.10.2003, 12:28:00
Verwendest du denn Farbnamen oder Farbwerte? Wenn du Farbnamen verwendest, probier es doch mit dem entsprechenden Farbwert. Außerdem: Um die Farbe von besuchten Links zu bestimmen, brauchst du nicht mal CSS, sondern es gibt dafür Attribute im body-tag (wenn es jetzt wirklich nur um die Farbe geht)

link = Farbe für Links
alink = Farbe für aktive Links
vlink = Farbe für besuchte Links

BeneBaur
26.10.2003, 12:41:24
selbst das klappt ja bei den beiden nicht!Ich verwende Farbwerte wie z.B #123456!

Jürg
26.10.2003, 12:57:43
Das geht überall:
a:link { color:#0000ff; text-decoration:underline; }
a:visited { color:#800080; text-decoration:underline; }
a:hover { color:#0000ff; text-decoration:underline; background:#ffcc00; }
a:active { color:#ff0000; text-decoration:underline; }

BeneBaur
26.10.2003, 13:00:04
meine CSS Datei sieht so aus:


/* CSS Document */
<!--

body {
background-color:#004080;
color:#FFFFFF;
font-size:12px;
font-family:verdana;



}
a:link {font-weight:bold; color:#FF8000; text-decoration:none} ;
a:visited {font-weight:bold; color:#FF8000; text-decoration:none} ;
a:hover {font-weight:bold; color:#d1d2d4; text-decoration:none} ;
a:active { font-weight:bold; color:#d1d2d4; text-decoration:none} ;
a:focus {font-weight:bold; color:#FFFFFF; text-decoration:underline} ;

-->


Ist doch eigendlich o.k oder?

Ben20
26.10.2003, 16:46:33
Die ; am Ende von

a:link {font-weight:bold; color:#FF8000; text-decoration:none} ;
a:visited {font-weight:bold; color:#FF8000; text-decoration:none} ;
a:hover {font-weight:bold; color:#d1d2d4; text-decoration:none} ;
a:active { font-weight:bold; color:#d1d2d4; text-decoration:none} ;
a:focus {font-weight:bold; color:#FFFFFF; text-decoration:underline} ;

sind verkehrt! Die gehören in die Klammer. Schau mal bei www.w3c.org vorbei - da gibts den CSS Validator.

BeneBaur
26.10.2003, 20:49:31
ich werds mal ausprobieren...