moon: css menue mit Listen inactive

Hallo,

ich habe ein problem
ich habe ein Rollover menü das funktioniert auch soweit aber ich habe ein Problem
ich habe einen Punkt
Hunde

und die Untermenüs Rassen, Futter und Tricks.
Wenn ich jetzt Hunde als Active makiere werden auch alle untermüs active angezeigt wie kann ich jetzt die untermenüs so definieren das sie nicht active sind und ihre rollover funktion behalten?

mein HTML Code:

<ul id="verticalmenu" class="glossymenu">

<li><a href="tier.html" >Tiere</a></li>

<li id="active"><a href="hunde.html">Hunde</a></li>
        <ul>
        <li><a href="rassen.html">Rassen</a></li>
        <li><a href="futter.html">Futter</a></li>
        <li><a href="tricks.html">Tricks</a></li>
        </ul>

......(hab noch mehr menü punkte aber um diese geht es
</ul

soo und hier mein CSS dazu

.glossymenu, .glossymenu li ul{ /*Hauptmenue*/
list-style-type: none;
margin: 0;
margin-top:0px;
padding: 0;
width: 185px;
padding-top:51px;
}

.glossymenu li{
position: relative;
z-index:2;
}

.glossymenu li a{
background: url(Bilder/menue.jpg)repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 18px;
text-decoration: none;
border:1px solid white;
text-align:left;
}

.glossymenu li ul{ /*Ausklapp menue*/
position: absolute;
width: 190px;
left: 0;
top: -58;
margin-top:-77px;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 180px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover {
background-image:url(Bilder/menue_h.jpg);
}

#active a{
background-image:url(Bilder/menue_h.jpg);
color: #ffffff;
}

ich hoffe ihr könnt mir da Helfen

  1. Hi,

    Hallo,

    ich habe ein problem
    ich habe ein Rollover menü das funktioniert auch soweit aber ich habe ein Problem
    ich habe einen Punkt

    Schade, daß Du den Punkt (und das eine oder andere Komma) nicht in Deinen Sätzen verwendst ...

    Hunde

    und die Untermenüs Rassen, Futter und Tricks.
    Wenn ich jetzt Hunde als Active makiere werden auch alle untermüs active angezeigt wie kann ich jetzt die untermenüs so definieren das sie nicht active sind und ihre rollover funktion behalten?

    <ul id="verticalmenu" class="glossymenu">

    <li><a href="tier.html" >Tiere</a></li>

    <li id="active"><a href="hunde.html">Hunde</a></li>
            <ul>

    Das ist kein gültiges HTML - ul darf nur li enthalten, keine ul.

    soo und hier mein CSS dazu

    Da schon das HTML ungültig ist, lohnt es sich nicht, das CSS anzugucken.

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.