mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 16:49 Benutzername: Passwort: Auto-Login

Thema: CSS - Fehler im Code? vom 07.02.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS - Fehler im Code?
Autor Nachricht
Martys
Threadersteller

Dabei seit: 07.04.2005
Ort: Bochum
Alter: 45
Geschlecht: Männlich
Verfasst Mi 07.02.2007 10:15
Titel

CSS - Fehler im Code?

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Mi 07.02.2007 10:27
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Martys
Threadersteller

Dabei seit: 07.04.2005
Ort: Bochum
Alter: 45
Geschlecht: Männlich
Verfasst Mi 07.02.2007 10:44
Titel

Antworten mit Zitat Zum Seitenanfang

Super, das hat funktioniert!
Die Anweisung !important kannte ich bis jetzt nicht, werde mich bei Zeiten mal genauer einlesen.
Danke!

Martys
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.