✔ Anzeige fehler in FF bei einbinden von externem Stylesheet

[dark_ghost]

Hallo zusammen,

ich arbeite gerade an einem neuen Homepage Entwurf und habe alle styles in einer externen .css Datei erstellt und diese mit dem Befehl

<link rel="stylesheet" type="text/css" href="formate.css">

auf den jeweiligen Seiten im "head" eingebunden.


Das Problem ist, dass mir der Firefox die Tabellenrahmen und den
"Body" Hintergrund nicht richtig anzeigt.
An was kann dies liegen und wie kann ich dies ändern

Vielen Dank
dark_ghost

 

[exxe]

Ein entsprechender Auszug des Codes aus der "formate.css" wäre nicht schlecht...

GreetZ

 

[dark_ghost]

Stimmt, hab ich vergessen. Hier die css Datei

<style type="text/css">
<!--
body {
 font-family: Arial;
 font-size: 15px;
 color: #000000;
 background: #8b8b8b;
}
.link { font-size:15px; }
 a.link:link { text-decoration: none; color: #555555; }
 a.link:hover { text-decoration: underline; color: #eeeeee; }
 a.link:visited { text-decoration: none; color: #777777; }
 a.link:activ { text-decoration: none; color: #555555; }
		 .kopfzeile { font-size: 15px; background: #ababab; padding-left: 10px; }
		 .bauch { font-size: 15px; background: #c7c7c7; padding: 10px; }
		 .impressum { font-size: 15px; background: #c7c7c7; padding: 25px; }
-->
</style>

Wie gesagt, die Body, border und link Eigenschaften werden nicht korrekt angezeigt mit dem FireFox. Die Eigenschaft der klasse link wird sogar im IE nicht richtig angezeigt.

Vielen Dank
dark_ghost

 

[Maik]

Entferne mal den rotmarkierten Teil aus der CSS-Datei, der gehört dort nämlich nicht hin.

<style type="text/css">
<!--
body {
 font-family: Arial;
 font-size: 15px;
 color: #000000;
 background: #8b8b8b;
}
.link { font-size:15px; }
 a.link:link { text-decoration: none; color: #555555; }
 a.link:visited { text-decoration: none; color: #777777; }
 a.link:hover { text-decoration: underline; color: #eeeeee; }
 a.link:activ { text-decoration: none; color: #555555; }
.kopfzeile { font-size: 15px; background: #ababab; padding-left: 10px; }
.bauch { font-size: 15px; background: #c7c7c7; padding: 10px; }
.impressum { font-size: 15px; background: #c7c7c7; padding: 25px; }
-->
</style>

 

[AKrebs70]

Richtig!

 <style type="text/css">
<!--

-->
</style>

Das ist dafür gedacht, um innerhalb von HTML-Dokumenten eine CSS Formatierung vor zu nehmen.


Axel

 

[dark_ghost]

Also im IE funktioniert das ganze schon mal, im Firefox kann ichs leider erst heute Abend testen.

Jetz noch ne frage
Ich habe ja in den Linkeigenschaften attribute wie visited und hoover eingebunden. Habe ich jetz einmal diesen Link besucht, bleibt dieser dauerhaft auf visited und der hoover effekt bringt nix mehr weiler dann ja nicht mehr greift.
Kann ich das irgendwie erzwingen, dass bei jedem aktualisieren der page das wieder zurück gesetzt wird oder gibt es sont eine möglichkeit, den hoover effect dauerhaft zu haben.
Denn so wird mir nur einmal die normale Linkfarbe angezeigt und nach dem ersten besuch nur noch die visited Farbe ohne hoover effect.


Vielen Dank

 

[Maik]

Du hast die Pseudoklassen in der falschen Reihenfolge notiert, weshalb der :hover -Effekt nicht fehlerfrei funktioniert.

Hier die korrekte Reihenfolge der Pseudoklassen:

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

 

[dark_ghost]

Ok, danke für eure Antworten und Hilfe, soweit funnktioniert das ganze. Sollte dennoch wieder ein Problem auftauchen, meld ich mich nochmal .

Vielen Dank
dark_ghost

 

[Maik]

Ok, danke für eure Antworten und Hilfe, soweit funnktioniert das ganze. Sollte dennoch wieder ein Problem auftauchen, meld ich mich nochmal .

Vielen Dank
dark_ghost

Dann klicke bitte auf den 'Status-Button' des Themas und markiere es so als'Erledigt'.

Vielen Dank