Einzelnen Beitrag anzeigen
  #2 (permalink)  
Alt 19.05.2013, 13:35
explanator explanator ist offline
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Da das Menü wohl etwas kompliziert erscheint, habe ich dir mal die Lösung vorgegeben und alles farblich markiert und mit Rahmen versehen.
Auf diese Weise siehst du was sich wo auswirkt.

HTML-Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Menübeispiel</title>

<style>
body {
    background-color:FFFFFF;
}
   
#navMenu {
    margin:0;          
    padding:0; 
    width:700px; 
    height:30px;
    border: 1px solid blue;
}  
        
#navMenu ul {   
    border:1px;       
    margin:0;          
    padding:0;          
    line-height:30px;         
}  
       
#navMenu ul li {          
    margin:0;          
    padding:0;          
    list-style:none;          
    float:left;          
    position:relative;  
    font-family:Verdana; 
    color:orange;       
} 
        
#navMenu ul li a {  
    font-family:Verdana;         
    text-decoration:none;          
    text-align:left;                    
    display:block;
    float:left;  
    color: green;   
} 
        
#navMenu ul ul {      
    border: 1px solid red;      
    position:absolute;            
    top:30px; 
    left:-1px;
    heigth: 1.2em;
    width:600px;           
    visibility:hidden;
} 

#navMenu ul ul li{    
    padding:0 5px;
}     

#navMenu ul li:hover ul, #navMenu li:hover {             
    visibility:visible; 
    background:lightgrey; 
}  
        
#navMenu ul li a:hover{
    color:yellow;
}       

   
</style>  

</head>        
  <body>            
    <div id="navMenu">      
      <ul>          
        <li>
        <span class="std">MEHR</span>              
        <ul>                  
          <li>
          <a class="std" href="#"></a>
          </li>                  
          <li>
          <a class="std" href="./projekte.html" target="_top">Projektanfrage</a>
          </li>                  
          <li>
          <a class="std" href="./cartoons.html" target="_top">Cartoons</a>
          </li>
          <li>
          <a class="std" href="./artikel.html" target="_top">Artikel</a>
          </li>    
          <li>
          <a class="std" href="./ver-art.html" target="_top">Veröffentlichungen</a>
          </li>            
        </ul>          
        </li>      
      </ul>    
    </div>
    <div>
        <p>hallo</p>
    </div>
</body>

</html>
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Sponsored Links