Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
Martys
Threadersteller
Dabei seit: 07.04.2005
Ort: Bochum
Alter: 45
Geschlecht:
|
Verfasst Mi 07.02.2007 10:15
Titel CSS - Fehler im Code? |
|
|
Hallo zusammen,
habe ein Menü mit CSS formatiert, funktioniert auch alles so wie es soll, nur im IE6 und kleiner wird die Klasse "aktiv" nicht fett dargestellt.
Hier mal der betreffende Code:
Code: | /* SUBNAVI LINKS */
#left ul.nav {
width:148px;
display:block;
margin:0;
padding:0;
list-style: none;
line-height:14pt;
}
#left ul.nav li {
margin:0;
padding:0;
width:148px;
}
#left ul.nav li a, #left ul.nav li a:active, #left ul.nav li a:visited {
display:block;
width:144px;
margin:10px 0 0 0;
padding:0 0 0 4px;
background-color:#EDF2F6;
border-bottom: 1px solid #990033;
color:#000;
font-size:11px;
font-weight:bold;
text-decoration: none;
}
#left ul.nav li a:hover {
background-color:#990033;
color:#fff;
font-weight:bold;
text-decoration: none;
}
#left ul.nav li a.aktiv {
background-color:#990033;
color:#fff;
font-weight:bold;
text-decoration: none;
}
#left ul.subnav {
width:138px;
margin:0;
padding:0;
display:block;
list-style: none;
line-height:14pt;
}
#left ul.subnav li {
margin:0;
padding:0 0 0 10px;
}
#left ul.subnav li a, #left ul.subnav li a:active, #left ul.subnav li a:visited {
display:block;
width:138px;
margin:0;
padding:0;
background-color:#fff;
border-bottom: 1px solid #F0F0F0;
color:#000;
font-weight:normal;
text-decoration: none;
}
#left ul.subnav li a.linie {
display:block;
width:138px;
margin:0;
padding:0;
background-color:#fff;
border-bottom: 1px solid #F0F0F0;
border-top: 1px solid #F0F0F0;
color:#000;
font-weight:normal;
text-decoration: none;
}
#left ul.subnav li a:hover, #left ul.subnav li a.linie:hover {
background-color:#fff;
color:#990033;
font-weight:normal;
text-decoration: none;
}
#left ul.subnav li a.aktiv {
background-color:#fff;
color:#000;
font-weight:bold;
text-decoration: none;
}
#left ul.subnav2 {
width:128px;
margin:0;
padding:0;
display:block;
list-style: none;
line-height:14pt;
}
#left ul.subnav2 li {
margin:0;
padding:0 0 0 10px;
}
#left ul.subnav2 li a, #left ul.subnav2 li a:active, #left ul.subnav2 li a:visited {
display:block;
width:128px;
margin:0;
padding:0;
background-color:#fff;
border: none;
color:#000;
font-weight:normal;
text-decoration: none;
}
#left ul.subnav2 li a:hover {
background-color:#fff;
color:#990033;
font-weight:normal;
border: none;
text-decoration: none;
}
#left ul.subnav2 li a.aktiv {
background-color:#fff;
color:#000;
font-weight:bold;
border: none;
text-decoration: none;
}
/* ENDE SUBNAVI LINKS */ |
Mir ist soetwas bis dato noch nicht passiert und ich finde den Fehler einfach nicht.
Sieht ihn einer von euch?
Danke schon mal,
Martys
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Mi 07.02.2007 10:27
Titel
|
|
|
Im Zweifelsfall mal so probieren:
#left ul.nav li a.aktiv {
background-color:#990033;
color:#fff;
font-weight:bold !important;
text-decoration: none;
}
#left ul.subnav li a.aktiv {
background-color:#fff;
color:#000;
font-weight:bold !important;
text-decoration: none;
}
ansonsten: hast du irgendwelche klassen in der hierachie darüber (generelles aussehen für a oder a in einem container oberhalb der navigation) deklariert? das ganze hört sich irgendwie nach einem kaskadenfehler an...
als tip:
ich formatiere meine css angaben immer der vererbung entsprechend mit einrückungen (also ähnlich html / xml etc.) ca. so (so lassen sich vererbungsgeschichten auch bei umfangreicheren css files wunderbar zurückverfolgen):
Code: | /* SUBNAVI LINKS */
#left ul.nav {
width:148px;
display:block;
margin:0;
padding:0;
list-style: none;
line-height:14pt;
}
#left ul.nav li {
margin:0;
padding:0;
width:148px;
}
#left ul.nav li a,
#left ul.nav li a:active,
#left ul.nav li a:visited {
display:block;
width:144px;
margin:10px 0 0 0;
padding:0 0 0 4px;
background-color:#EDF2F6;
border-bottom: 1px solid #990033;
color:#000;
font-size:11px;
font-weight:bold;
text-decoration: none;
}
#left ul.nav li a:hover {
background-color:#990033;
color:#fff;
font-weight:bold;
text-decoration: none;
}
#left ul.nav li a.aktiv {
background-color:#990033;
color:#fff;
font-weight:bold;
text-decoration: none;
}
#left ul.subnav {
width:138px;
margin:0;
padding:0;
display:block;
list-style: none;
line-height:14pt;
}
#left ul.subnav li {
margin:0;
padding:0 0 0 10px;
}
#left ul.subnav li a,
#left ul.subnav li a:active,
#left ul.subnav li a:visited {
display:block;
width:138px;
margin:0;
padding:0;
background-color:#fff;
border-bottom: 1px solid #F0F0F0;
color:#000;
font-weight:normal;
text-decoration: none;
}
#left ul.subnav li a.linie {
display:block;
width:138px;
margin:0;
padding:0;
background-color:#fff;
border-bottom: 1px solid #F0F0F0;
border-top: 1px solid #F0F0F0;
color:#000;
font-weight:normal;
text-decoration: none;
}
#left ul.subnav li a:hover,
#left ul.subnav li a.linie:hover {
background-color:#fff;
color:#990033;
font-weight:normal;
text-decoration: none;
}
#left ul.subnav li a.aktiv {
background-color:#fff;
color:#000;
font-weight:bold;
text-decoration: none;
}
#left ul.subnav2 {
width:128px;
margin:0;
padding:0;
display:block;
list-style: none;
line-height:14pt;
}
#left ul.subnav2 li {
margin:0;
padding:0 0 0 10px;
}
#left ul.subnav2 li a,
#left ul.subnav2 li a:active,
#left ul.subnav2 li a:visited {
display:block;
width:128px;
margin:0;
padding:0;
background-color:#fff;
border: none;
color:#000;
font-weight:normal;
text-decoration: none;
}
#left ul.subnav2 li a:hover {
background-color:#fff;
color:#990033;
font-weight:normal;
border: none;
text-decoration: none;
}
#left ul.subnav2 li a.aktiv {
background-color:#fff;
color:#000;
font-weight:bold;
border: none;
text-decoration: none;
}
/* ENDE SUBNAVI LINKS */ |
Zuletzt bearbeitet von sahnemuh am Mi 07.02.2007 10:34, insgesamt 2-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
Martys
Threadersteller
Dabei seit: 07.04.2005
Ort: Bochum
Alter: 45
Geschlecht:
|
Verfasst Mi 07.02.2007 10:44
Titel
|
|
|
Super, das hat funktioniert!
Die Anweisung !important kannte ich bis jetzt nicht, werde mich bei Zeiten mal genauer einlesen.
Danke!
Martys
|
|
|
|
|
|
|
|
Ähnliche Themen |
Fehler im Code - nur wo???
Fehler im Code
Fehler im HTML-Code, wo?
Fehler im Php-Code = unexpected T_STRING
HTML! Wo liegt der Fehler in folgendem Code? Bitte um Hilfe
QR-Code
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|