Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Im CSS-File mehrere Klassen in einer Style-Angabe?

Frage Entwicklung CSS

Mitglied: WiSch

WiSch (Level 1) - Jetzt verbinden

06.07.2009, aktualisiert 14:02 Uhr, 8457 Aufrufe, 4 Kommentare

Hallo.

Ich habe ein externes CSS-File und dort einige Klassen definiert
.untermenu {  
           width: 998px;  
           height: 40px; 
           margin: 0px;  
           padding: 0px; 
           .untermenu ul { 
             margin: 0; 
             padding: 0;   
           .untermenu ul li { 
             display: inline; 
             font-size: 13pt; 
             list-style-type: none;  
             margin: 0 0 0 10px; 
             padding: 0; 
             }  
            .untermenu ul li a, .untermenu ul li a:visited {  
              text-decoration: none; 
              color: #FFF; 
              border-left: 4px solid #FFCC00; 
              padding-left: 5px; 
            .untermenu ul li a:hover, .untermenu ul li a:active { 
              text-decoration: none; 
              color: #FFF; 
              }               
            .untermenu.current-post a, .current-post, .current-post a { 
              text-decoration: none; 
              color: #FFCC00; 
              font-weight: bold; 
              }  
Im HTML-File sieht es dazu dann so aus
<div class="untermenu"> 
        <ul>  
              <li class="current-post"><a href="http://www.url.de/?p=19&cat=9" rel="bookmark" title="MEDIA">MEDIA</a></li>     
              <li ><a href="http://www.url.de/?p=44&cat=9" rel="bookmark" title="PLAYLIST">PLAYLIST</a></li>     
              <li ><a href="http://www.url.de/?p=68&cat=9" rel="bookmark" title="FOTO / VIDEO">FOTO / VIDEO</a></li>     
              <li ><a href="http://www.url.de/?p=70&cat=9" rel="bookmark" title="DOWNLOADS">DOWNLOADS</a></li>             
        </ul> 
</div>	
Mein Problem:
Gemäß der letzten CSS-Definition müßte meiner Meinung nach der "Current-Post" in Gelb (#FFCC00) dargestellt werden, wird aber in weiß angezeigt?
Die "Font-Weight"-Vorgabe zieht er jedoch korrekt, also wird die Klasse zumindest beachtet...

Sieht wer den Fehler?

Danke.
Mitglied: Tbird77
06.07.2009 um 14:37 Uhr
Benutze doch mal FireBug .. ein Supertool.. und du wirst auf die Schliche kommen!
.untermenu.current-post a, .current-post, .current-post a {
-->
.untermenu .current-post a {
Bitte warten ..
Mitglied: WiSch
06.07.2009 um 14:47 Uhr
Cooles Tool, richtig... und ich benutzte es... ;)

Leider hat das Hinzufügen des Leerzeichens nicht geholfen. ;(

eigentlich wäre es ja auch
.untermenu ul li .current-post a

Aber das funktioniert auch nicht.

Noch eine Idee?
Bitte warten ..
Mitglied: Tbird77
06.07.2009 um 14:52 Uhr
ohne leerzeichen zwischen li und current-post! Es ist ja die Klasse des Listenelements..
Bitte warten ..
Mitglied: WiSch
06.07.2009 um 15:13 Uhr
Was ein Leerzeichen doch wieder alles so ausmachen kann...

Warum zum Teufel ich da nicht selber drauf gekommen bin... wieder mal keine Ahnung.

DAS WAR ES!

Danke.
Bitte warten ..
Ähnliche Inhalte
Entwicklung
gelöst IOS WebApp lädt CSS nicht mit (2)

Frage von maddig zum Thema Entwicklung ...

CSS
gelöst Silbentrennung in CSS (1)

Frage von honeybee zum Thema CSS ...

Netzwerkgrundlagen
gelöst Ping über mehrere Router von einem Klasse C in ein Klasse B Netzwerk (16)

Frage von okniloso zum Thema Netzwerkgrundlagen ...

Neue Wissensbeiträge
LAN, WAN, Wireless

Schwachstelle im WPA2 Protokoll veröffentlicht

(3)

Information von colinardo zum Thema LAN, WAN, Wireless ...

Heiß diskutierte Inhalte
Windows Server
gelöst Gruppenrichtlinie greift nicht zu! (19)

Frage von Syosse zum Thema Windows Server ...

Windows 7
gelöst Windows 7 Anmeldedomäne festlegen (13)

Frage von flotaut zum Thema Windows 7 ...

Windows Server
gelöst WSUS Updates auf iSCSI speichern (10)

Frage von lcer00 zum Thema Windows Server ...