dropdown werkt niet goed

Hallo,

Ik heb een menu met dropdown, en onder de menu een vak met een marquee mededeling, alleen nu werkt de dropdown niet meer goed, het ligt aan de tekst die erin staat. Hoe los ik dit op. (De tekst gaat over de dropdown heen)

Mvg,
Desire

z-index al geprobeerd?

Even mijn glazen bol pakken...heb geduld, het is er nog eentje van 2004 en niet zo snel....
.......
Ik zie iets vaags over z-index.....

Z-index werkt er niet op.

Zoals je kan zien gaat die witte tekst dwars door de dropdown heen.

Mijn glazen bol weet t niet meer... ;(
Zie de link in mijn signature...

Ik vraag hier op het forum iets omdat ik het niet op google kan vinden?

Ja.... dat snap ik. Maar ik mis iets belangrijks in je post....
Ik GOK op meer dan één z-index

Aarclay schreef:

Ja.... dat snap ik. Maar ik mis iets belangrijks in je post.....

Nou vertel wat mis je dan.

Desire schreef:

Eerdere citaten tonen

Aarclay schreef:

Ja.... dat snap ik. Maar ik mis iets belangrijks in je post.....

Nou vertel wat mis je dan.

Code...

Als je nou dan die link doornam

Ohw haha sorry!

html

<div id="menu">
            <ul id="nav">

                <li><a href="#">Home</a></li>

                <li><a href="#">Home</a>

                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Home</a></li>
                    </ul>

                </li>

                <li><a href="#">Home</a></li>
                
                <li><a href="#">Home</a></li>

            </ul>
        </div>
        
        <div id="radioplayer">
            <div class="bericht">
                <div class="text">
                    Heb jij het al gehoord? NEE? Nou dan krijg je het hier te horen.. Headhunterz heeft een nieuwe clip!
                </div>
            </div>
</div>

css:

#radioplayer {
    background: url("../images/radioplayer.png") no-repeat;
    width: 1024px;
    height: 197px;
    margin: 0 auto;
    float: left;
}

#radioplayer .bericht {
    background: #00b4ff;
    width: 1024px;
    height: 36px;
    margin: 0 auto;
    float: left;
    margin-top: 20px;    
}
#radioplayer .bericht .text{
    color: #fff;
    font-size: 11pt;
    padding-top: 5pt;
}
#nav{
    margin-left: 200px;
    list-style:none;
    float:left;
    margin-top: 2px;
}
#nav li{
    float:left;
    margin-right:100px;
    position:relative;
}
#nav a{
    display:block;
    padding:5px;
    color:#fff;
    text-decoration:none;
}
#nav a:hover{
    color:#00415c;
    text-decoration:none;
}
#nav ul{
    list-style:none;
    position:absolute;
    left:-9999px; 
    background: url("../images/dropdown.png") no-repeat;
    height: 195px;
    width: 146px;
    margin-top: -16px;
}
#nav li:hover ul{ 
    left:0; 
}

Probeer bij

#nav ul{

eens z-index: 2; te zetten?

Bartw schreef:

Probeer bij

#nav ul{

eens z-index: 2; te zetten?

Thanks!

Z-index geven aan je ul
Fixxed dus.

Aarclay schreef:

Z-index geven aan je ul

Bartw was je voor maar toch bedankt !