Uitklap menu

[Paulh9]

Hallo,

Ik ben een website aan het maken.
In het menu moet onder 1 tapje een menu eronder uitklappen.
Ik heb al wat geprobeerd maar kom er niet echt aan uit.

Wie o wie zou mij hier advies over kunnen geven?

Met vriendelijke groeten,

Paul Heijmans

 

[Frats]

Uitklappen met animaties e.d. moet je met Javascript doen, gewoon HTML ondersteunt dat niet voor zover ik weet.

 

[That Guy]

Zonder animaties kan het echter ook, via wat HTML en CSS. Zie bijvoorbeeld hier en in het algemeen deze. :thumb:

 

[Paulh9]

Nu is het gelukt, alleen als ik nu over het uitklap menu heen gaat veranderd de kleur van de hoofdbutton naar wit terwijl deze rood moet blijven.

Iemand een idee waar dat aan kan liggen?

Gr. Paul

 

[That Guy]

Als je wat relevante code post mischien wel het zal denk ik in de :hover zitten ergens.

 

[Paulh9]

Hierbij de code, ik heb het zelf ook nog geprobeerd maar lukte niet echt..

ul#main {
float: left;
height: 34px;
padding: 0;
margin: 0;
list-style-type: none;
position: relative;
}

ul#main li {
float: left;
padding: 10px 0;
}

ul#main li a{
color: white;
text-decoration: none;
font-size: 11px;
padding: 10px 5px;
text-transform: uppercase;
border-right: 1px solid #d63355;
}

ul#main li:hover{
background: url("../images/main/hover.jpg");
}

ul#main li a:hover{
color: #d63355;
}

ul#main li:active{
background: url("../images/main/hover.jpg");
}

ul#main li a:active{
color: #d63355;
}

ul#main li ul.sub{
display: none;
}

ul#main li:hover ul.sub{
display: block;
}

ul.sub{
position: absolute;
top: 34px;
left: 200px;
list-style-type: none;
}

ul#main ul.sub li{
clear: left;
color: white;
background: #d63355;
width: 100%;
padding: 5px;
}

ul#main ul.sub li:hover{
background: #d63355;
width: 100%;
}

ul#main ul.sub li a:hover{
color: white;
text-decoration: underline;
}

Bedankt!

Gr. Paul

Extra info

* Alleen gebruik gemaakt van HTML & CSS
* Volgens mij ligt het aan ul#main li a{ als ik die kleur veranderd veranderd deze, zoals logisch, in het gehele eerste niveau menu. Als ik daarna over de button ga waar het sub menu uitklapt er hier overheen ga, veranderd de kleur op de hoofdbutton naar de standaard ingestelde kleur in ul#main li a{

Hier door denk ik dat het probleem daar ligt.

 

[Paulh9]

Het is al opgelost!
Heb het eerdere bericht van Vergas geheel overnieuw gedaan en nu op m'n gemak
Was gelijk de fout opgelost!

Dus bedankt allemaal weer.

Gr. Paul