Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

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, 8201 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
Neue Wissensbeiträge
Google Android

Cyanogenmod alternative Downloadquelle

(5)

Tipp von Lochkartenstanzer zum Thema Google Android ...

Batch & Shell

Batch als Dienst bei Systemstart ohne Anmeldung ausführen

(5)

Tipp von tralveller zum Thema Batch & Shell ...

Sicherheits-Tools

Sicherheitstest von Passwörtern für ganze DB-Tabellen

(1)

Tipp von gdconsult zum Thema Sicherheits-Tools ...

Heiß diskutierte Inhalte
Windows Server
gelöst Exchange HyperV Prozessorlast (19)

Frage von theoberlin zum Thema Windows Server ...

Hardware
16-20 Port POE Switch mit VLAN (19)

Frage von thomasreischer zum Thema Hardware ...

Windows Server
Server mit Netzwerkaussetzern (18)

Frage von SarekHL zum Thema Windows Server ...

LAN, WAN, Wireless
gelöst Batchdatei um einen Proxy einzustellen (14)

Frage von CrystalFlake zum Thema LAN, WAN, Wireless ...