Kurt4419: Separate Navigation (menu) mittels Button

Beitrag lesen

SELF-Forum

Separate Navigation (menu) mittels Button

Kurt4419
– Informationen zu den Bewertungsregeln

Ich betreibe eine web site, für die es je eine Version für grosse  und kleine  Bildschirme gibt (PC und Smartphones). Die Versionen werden durch zwei verschiedene CSS gesteuert. Die Wahl des zutreffenden CSS wird durch die Bildschirm-Grösse bestimmt (max-width, resp. min-width).

Die Seite für kleine Bildschirme ist wie folgt organisiert:

<body id="index">  
  <div id="wrap">  
    <div id="header">  
       <?php include ("kopflogo.php") ?>  
     </div>

In der Datei "kopflogo" sind der Titel der web site, der link auf das Menu (menumobile.php) und eine kleine Button-Grafik (menubutton.png), mit der man den link auf das Menu aufruft, integriert. Die Klasse "mobile" schliesst diesen Seitenkopf von der Darstellung auf grossen Bildschirmen aus. Für diese gibt es eine andere Version. Der Code:

<body id="kopflogo">  
  
<div class="mobile"><a href="menumobile.php"> <img id="menubutton" class="mobile" src="images/menubutton.png" width="30px" alt="button"></a>  
<h1 id="seitentitel">Titel der Seite </h1>  
</div>  
</body>

Die einzelnen Menuzeilen sollen farbig unterlegt werden. Dazu haben sie eine Klasse:

  
<li class="color1" > <a href="index.php">Startseite</a> </li>

Im CSS bestimme ich die Farbe:

#menumobile .color1 {  
	background:#ff9999;  
	border-top: 1px solid #ff9999;  
}

Problem: Das bewirkt nichts. Offensichtlich spricht das CSS die Klasse nicht an.

Danke für einen Rat.

Kurt

Beitrag melden
–
Informationen zu den Bewertungsregeln