|
|||
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;} Das ganze ist zu sehen auf Linkkiste das Webportal |
Sponsored Links |
|
|||
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;} Code:
a:active visited link {color:#394D27; text-decoration:none; FONT-WEIGHT: bold;font-size:10px;} |
Sponsored Links |
|
|||
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;} |
|
|||
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;} |
|
|||
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 |
|
|||
Danke,jetzt funktioniert es!
|
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |