Casablanca: Menü-Aufbau

Beitrag lesen

Hallo Matthias,

danke. Die CSS-Datei sieht wie folgt aus:

  
    <style type="text/css">  
        ul#menu, ul#menu ul.sub-menu {  
            padding:0;  
            margin: 0;  
            font-weight:bold;  
        }  
        ul#menu li, ul#menu ul.sub-menu li {  
            list-style-type: none;  
            display: inline-block;  
        }  
  
        /*Link Appearance*/  
        ul#menu li a, ul#menu li ul.sub-menu li a {  
            text-decoration: none;  
            color: #fff;  
            background: #118401;  
            padding: 10px;  
            display:inline-block;  
        }  
  
        /*Make the parent of sub-menu relative*/  
        ul#menu li {  
            position: relative;  
        }  
  
        /*sub menu*/  
        ul#menu li ul.sub-menu {  
            display:none;  
            position: absolute;  
            top: 39px;  
            left: 0;  
            width: 150px;  
            background: #0C6101;  
        }  
        ul#menu li:hover ul.sub-menu {  
            display:block;  
        }  
    </style>  

Die top-Eigenschft in /*sub menu*/ ist für den Abstand verantwortlich. Ich habe top durch padding-top:1px ersetzt. Ich habe nun meinen Abstand. Ich kann aber jetzt nicht die Bereite des Submenus ändern. Die ist genauso bereit wie der Text, der drin steht.

Gruß