:hover funktioniert nicht mehr?

[Detlef G.]

Hallo bilbo

<div class="navi_left">
   <div><strong>Ueberpunkt</strong></div>
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>

  
Wäre es nicht sinnvoller und weniger aufwändig es so zu machen:  
  
~~~html
  
 <div class="navi_left">  
   <div class="ueberpoint"><strong>Ueberpunkt</strong></div>  
    <div><a href="index.php">Unterpunkt</a></div>  

Oder du verwendest für den Ueberpunkt kein Div sondern eine h2 oder h3,
was zu deiner Seitenstruktur passt. Du könntest die vielen Divs auch ganz
weglassen.

  
 <div class="navi_left">  
   <h2>Ueberpunkt</h2>  
    <a href="index.php">Unterpunkt</a>  

Oder du  verwendest eine Liste:

  
 <dl class="navi_left">  
   <dt>Ueberpunkt</dt>  
    <dd><a href="index.php">Unterpunkt</a></dd>  

oder mehrere:

  
  <ul class="navi_left">  
   <li>Ueberpunkt  
    <ul>  
     <li><a href="index.php">Unterpunkt</a></li>  
     <li><a href="index.php">Unterpunkt</a></li>  
     ...  
    </ul>  
   </li>  
   <li>Ueberpunkt  
    <ul>  
     <li><a href="index.php">Unterpunkt</a></li>  
   ...  

Das CSS dann z.B. so:

  
.navi_left a {  
  display:block;  
  border-top:thin dashed #CCCCCC;  
  border-bottom:thin dashed #CCCCCC;  
  padding-left:10%;  
}  
  
.navi_left a:hover{  
  background-color:#DDDDDD;  
  color:#003366;  
  font-weight:bold;  
}  

Es hängt dann natürlich davon ab, welche Variante verwendet wird. Wenn du
Listen verwendest, musst du dann natürlich auch den Listenelementen die
von dir gewünschten Margins und Paddings geben.
Es sollte aber auf keinen Fall nötig sein, noch extra Klassen zu verwenden,
wenn die einzelnen Elemente über Nachfahrenselektoren angesprochen werden.

Auf Wiederlesen
Detlef