Probleme mit css (mouse over) bei Firefox

groovesurfer · 26.04.2006

Hi,

Habe ein Problem mit css. Möchte in meiner Navigation mouse overs mittels css machen.

Hier mein code:

Code:

a.navi:link  { color: black; background-color:transparent; font-family: verdana; font-weight: bold; text-decoration:none;}

a.navi:visited { color: black; background-color:transparent; font-family: verdana; font-weight: bold; text-decoration:none;}

a.navi:hover  { color: black; background-color:transparent; font-family: verdana; font-weight: bold; font-size: 8pt; text-decoration:none;}

a.navi:active { color: black; background-color:#B2D6D6;   font-family: verdana; font-weight: bold; font-size: 8pt; text-decoration:none;}

Beim mouse-over soll der Text kleiner und grün werden.

Im html code rufe ich das css so auf:

Code:

&lt;td>&lt;a class=navi href=link.php>Link&lt;/a>&lt;/td>

Funktioniert beim IE prima jedoch erhalte ich beim Firefox die nicht besuchten Links als ganz normale Links (blau, nicht bold jedoch nicht unterstrichen) und nicht schwarz und bold. Die besuchten werden jedoch richtig angezeigt.

Kann mir da jemand einen Tip geben?

Grüsse
groovesurfer

groovesurfer · 26.04.2006

komisch. Wenn ich unter meinen css link:

Code:

&lt;link rel=StyleSheet href=../stil1ml.css type=text/css>

noch die schreibe:

Code:

&lt;style type=text/css>
a:link  { font-weight:bold; color:black; text-decoration:none; }
a:visited { font-weight:bold; color:black; text-decoration:none; }
a:focus  { font-weight:bold; color:black; text-decoration:none; }
a:hover  { color: black; background-color:transparent; font-family: verdana; font-weight: bold; font-size: 8pt; text-decoration:none; }
a:active { color: black; background-color:transparent; font-family: verdana; font-weight: bold; font-size: 8pt; text-decoration:none; }
&lt;/style>

Dann funktioniert es.

Tarkus · 27.04.2006

groovesurfer schrieb:
Beim mouse-over soll der Text kleiner und grün werden.

Mal abgesehen davon, dass ich in keinem deiner Codes->'grün'' sehe, sind die beiden (eingebunden bzw. extern) zudem nicht identisch (wenn auch recht ähnlich).

Da du mit dem Ergebnis, wenn es direkt in der HTML-Datei steht, aber offensichtlich zufrieden bist, gehe ich einfach mal davon aus, dass mit der Pfadangabe des ausgelagerten Codes etwas nicht stimmt. Entweder Tippfehler oder Groß-/Kleinschreibung oder der relative Pfad (../) passt nicht.

noah1 · 27.04.2006

Versuch es doch mal so:

Code:

.navi a { color: black; background-color:transparent; font-family: verdana; font-weight: bold; text-decoration:none;}

.navi a:visited{ color: black; background-color:transparent; font-family: verdana; font-weight: bold; text-decoration:none;}

.navi a:hover{ color: black; background-color:transparent; font-family: verdana; font-weight: bold; font-size: 8pt; text-decoration:none;}

.navi a:active{ color: black; background-color:#B2D6D6;   font-family: verdana; font-weight: bold; font-size: 8pt; text-decoration:none;}

groovesurfer · 27.04.2006

Habe den Fehler gefunden. Habe die externen css Datei wie folgt begonnen:

Code:

&lt;style type=text/css>
&lt;!--

und so beendet:

Code:

-->
&lt;/style>

Die Zeichen habe ich nun gelöscht dass direkt a.menu: usw. beginnt. Nun geht es.

Grüsse
groovesurfer

Probleme mit css (mouse over) bei Firefox

groovesurfer

groovesurfer

Tarkus

noah1

groovesurfer

Probleme mit css (mouse over) bei Firefox

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums