zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit Firefox und CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.04.2005, 22:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.04.2005
Beiträge: 5
Andre befindet sich auf einem aufstrebenden Ast
Standard Problem mit Firefox und CSS

Hallo, ich suche nach einer Lösung die auch mit Firefox funktioniert.
Ich habe meine Navigation mit zwei Farben gemacht, sie wechselt die Farbe wenn man drüber geht! Und zwar habe ich das so gemacht

.
Code:
bodyline		{background: #EDEEEC;color:#000000;border:1px solid #92A382}
a			{color:#394D27; text-decoration:none; FONT-WEIGHT: bold;font-size:10px;}
a:hover		{color:#46B000; text-decoration:none;}
a.side		{color:#394D27; text-decoration:none; FONT-WEIGHT: bold;font-size:10px;}
a:hover.side	{ color:#46B000; text-decoration:none;}
a.white		{color:#394D27; text-decoration:none; FONT-WEIGHT: bold;font-size:10px;}
a:hover.white	{ color:#46B000; text-decoration:none;}
form			{margin:0px 0px 0px 0px;}
hr			{height: 0px; border: solid #CCCCCC 0px; border-top-width: 1px;}
hr.side-hr		{height: 0px; border: solid #CCCCCC 0px; border-top-width: 1px;}
td			{font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px;}
pre			{font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:9px;}
Aber da zieht mir Firefox ein Strich durch die Rechnug. Die Farben gehen nicht in den Ursprung zurück, wenn der Mauszeiger weg ist. Was kann ich nun machen? Möchte den Effekt aber beibehalten.

Das ganze ist zu sehen auf Linkkiste das Webportal
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.04.2005, 23:12
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.02.2005
Beiträge: 137
nicmare befindet sich auf einem aufstrebenden Ast
Standard

sieht auf jeden fall net sauber aus.
ich nehme an die schriftfarbe soll sich ändern wenn maus rübergeht?
in diesem fall vergibst du sie zweimal.
mach mal aus
Code:
 
 a  {color:#394D27; text-decoration:none; FONT-WEIGHT: bold;font-size:10px;}
das hier:
Code:
 
 a:active visited link  {color:#394D27; text-decoration:none; FONT-WEIGHT: bold;font-size:10px;}
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 06.04.2005, 23:21
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.04.2005
Beiträge: 5
Andre befindet sich auf einem aufstrebenden Ast
Standard

Ne funktioniert auch nicht! Ich selber glaube das es an den beiden Zeilen liegt.

Code:
a:hover.side   { color:#46B000; text-decoration:none;}
a:hover.white { color:#46B000; text-decoration:none;}
Mit Zitat antworten
  #4 (permalink)  
Alt 06.04.2005, 23:52
Benutzerbild von Floele
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 30.03.2005
Beiträge: 355
Floele befindet sich auf einem aufstrebenden Ast
Standard

Die Klassen sind an der falschen Stelle. So ists richtig:

Code:
a.side:hover   { color:#46B000; text-decoration:none;}
a.white:hover { color:#46B000; text-decoration:none;}
Mit Zitat antworten
  #5 (permalink)  
Alt 07.04.2005, 10:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.04.2005
Beiträge: 5
Andre befindet sich auf einem aufstrebenden Ast
Standard

Funkioniert auch nicht, die Farben gehen einfach nicht in den Ursprung zurück. Schaut es euch doch einfach mal selber an.

>> Hier der Link <<

Schaut aber mit Firefox, im IE geht alles! Netscape, Opera u.s.w. habe ich noch nicht ausprobiert!

Und hier mal die ganze CSS-Datei !

Code:
/* The content of the posts (body of text) */
body {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:10px;
	padding:0px 0px 0px 0px;
	scrollbar-3dlight-color:#92A382;
	scrollbar-arrow-color:#7C9661;
	scrollbar-darkshadow-color:#98aab1;
	scrollbar-face-color:#E1E6DC;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#E1E6DC;
	scrollbar-track-color:#efefef
}

/* General page style */
.bodyline		{background: #EDEEEC;color:#000000;border:1px solid #92A382}
a			{color:#394D27; text-decoration:none; FONT-WEIGHT: bold;font-size:10px;}
a:hover		{color:#46B000; text-decoration:none;}
a.side		{color:#394D27; text-decoration:none; FONT-WEIGHT: bold;font-size:10px;}
a.side:hover	{color:#46B000; text-decoration:none;}
a.white		{color:#394D27; text-decoration:none; FONT-WEIGHT: bold;font-size:10px;}
a.white:hover	{color:#46B000; text-decoration:none;}
form			{margin:0px 0px 0px 0px;}
hr			{height: 0px; border: solid #CCCCCC 0px; border-top-width: 1px;}
hr.side-hr		{height: 0px; border: solid #CCCCCC 0px; border-top-width: 1px;}
td			{font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px;}
pre			{font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:9px;}
.alt			{color:#1C1C1C;}
.white-header	{font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px; color:#444;background-color:#999386; 
			padding:4px; border-top:#C9D0C2 1px solid; border-bottom:#C9D0C2 1px solid;}

.full-header	{font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px; color:#fff;background-color:#999386;}
.button		{font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px; color:#000000;background-color:#fafafa;
			border:1px #50643E solid;}
	
.textbox		{font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px; color:#000000;background-color:#fafafa;
			border:1px #50643E solid;}
.visits		{color:#394D27; text-decoration:none; FONT-WEIGHT: bold;font-size:10px;}
.main-body		{font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:11px; color:#000; background-color:#E9EBE7; padding:3px 4px 3px 4px;}
.side-body		{font-size:10px; color:#535400; padding:4px 4px 6px 4px;}
.main-bg		{background-color:#EDEEEC;}
.border		{border-width:0px 1px 1px 1px;border-color:#C9D0C2;border-style:solid;}
.news-footer	{font-size:9px;font-weight:bold; color:#142000;background-color:#C3CABB; padding:4px 4px 4px 4px;}
.capmain		{font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px;font-weight:bold; 
			border-width:1px 1px 1px 1px;border-color:#C9D0C2;border-style:solid; 
			color:#B78E00; height:24px; padding:2px 2px 2px 2px;}

.copyrights		{background: none; COLOR: #FFFDF0; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny			{background: none; COLOR: #F4F1BF; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.title 		{background: none; COLOR: #ffffff; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.block-title	{BACKGROUND: none; COLOR: #4EA000; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica}
.head-title 	{background: none; COLOR: #346D00; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.date			{background: none; COLOR: #2D2B2B; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
img			{border: 0px;}
.capleft		{width:2px;height:20px;}
.capright		{width:2px;height:20px;}
.scapmain		{font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px;font-weight:bold; color:#000; height:19px; padding:0px 2px 0px 2px;
			border-width:1px 0px 1px 0px;border-color:#C9D0C2 #C9D0C2 #C9D0C2 #C9D0C2;border-style:solid;}

.tbl-border		{background-color:#C9D0C2;}
.tbl			{font-size:11px; padding:3px 4px 3px 4px;}
.tbl1			{font-size:11px; color:#000; background-color:#E9EBE7; padding:4px;}
.tbl2			{font-weight:bold; font-size:11px; color:#091609; background-color:#E9EBE7; padding:4px;}

/* Forum header*/
.forum-caption	{font-size:10px;font-weight:bold; color:#346D00;background-color:#E9EBE7; height:24px; padding:0px 4px 2px 4px;
			background-image:url(images/cellpic3.gif);background-repeat:repeat-x;border-width:1px 1px 1px 1px;border-color:#C9D0C2 #C9D0C2 #C9D0C2 #C9D0C2;border-style:solid;}

/* Quote blocks */
.quote		{color:#2F2F2F;background-color:#fafafa; padding:2px;	margin:0px 20px 0px 20px; border:1px #C9D0C2 solid;}

/* Voting Poll */
.poll			{height:10px; border:1px #8AA36E solid;}
.comment-name	{font-weight:bold; color:#ddcc88;}

/* This is for the Shoutbox */
.shoutboxname	{font-weight:bold; color:#ffddaa;}
.shoutbox		{color:#06070A;}
.shoutboxdate	{font-size:9px; color:#1C1C1C;}

.small		{font-size:9px; font-weight:normal;}
.small2		{font-size:9px; font-weight:normal; color:#1C1C1C;}
.side-small		{font-size:10px; font-weight:normal; color:#fff;}
.side-label		{background-color:none; font-weight:normal; color:#346D00; padding:2px;}

/* This is for the Photo Gallery */
.gallery		{padding: 16px 0px 8px 0px;}
.gallery img	{border: 1px solid #C9D0C2; filter: gray;}
.gallery:hover img	{border: 1px solid #4E79F3; filter: none;}
img.activegallery	{border: 1px solid #C9D0C2; filter: none;}
Vielleicht findet ja jemand den Fehler, ich weiß auch net mehr weiter! Wenn nicht müssen die FirefoxUser damit halt leben!
Mit Zitat antworten
  #6 (permalink)  
Alt 07.04.2005, 10:50
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Du hast da ein JavaScript laufen, was auch einen Hover-Effekt für die Links erzeugt (grade.js)!
Wenn zwei das gleiche wollen, kann das nicht gut gehen...

Nimm das Script raus; und dann kannst du dir die Klassen schenken, wenn eh alle Links gleich aussehen sollen.
Es reicht:

a {color:#394D27; text-decoration:none; font:10px bold;}
a:hover {color:#46B000;}

In a:hover muss nur das rein, was sich ändert.

Grüße
fricca
Mit Zitat antworten
  #7 (permalink)  
Alt 07.04.2005, 11:08
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.02.2005
Beiträge: 137
nicmare befindet sich auf einem aufstrebenden Ast
Standard

dann is ja sein wunderschöner fading effekt weg
Mit Zitat antworten
  #8 (permalink)  
Alt 07.04.2005, 11:50
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.04.2005
Beiträge: 5
Andre befindet sich auf einem aufstrebenden Ast
Standard

Danke,jetzt funktioniert es!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
css margin in firefox print preview problem osprofi CSS 0 19.09.2013 15:14
Doctype und CSS Problem tech CSS 3 29.05.2009 21:16
Benötige dringend Hilfe mit CSS in Firefox & IE :( r4m0n CSS 3 20.03.2009 12:12
problem mit div box im firefox - dringend!! tee CSS 11 27.09.2007 20:21
Problem mit Firefox CSS width/height input-field type text/submit in XHTML NedwebSurfer CSS 3 14.06.2006 14:23


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:22 Uhr.