login  Naam:   Wachtwoord: 
Registreer je!
 Forum

opzoek naar dropdownmenu

Offline web_dev - 10/08/2011 18:44
Avatar van web_devLid Hallo,

ik ben opzoek naar een dropdown-menu!
Zou iemand hierin het script voor een dropdown-menu kunnen doen?
[code=css]@charset "utf-8";
html {
height: 100%; /* zo nodig komt de inhoud gewoon verder! */
padding-bottom: 1px; /* maakt ook altijd ruimte voor scrollbar rechts bij Firefox en Chrome */
}


body { /* pagina zelf gecentreerd, dan is een #container niet nodig */
width : 876px; /* hele pagina met een breedte van 877px */
margin : 0 auto; /* zorgt voor het horizontaal centreren */
background: #100E0E url(../images/background.png);
background-repeat: repeat-x;
background-position : 0 0;

/*rgb(0,0,0); /*
font-size: 100.1%; /* normaliseren voor alle browsers
line-height : 120%; /* lijnafstand tussen regels */
}

#header {
height : 200px; /*hoogte van header*/
background-image : url(../images/header.png); /* de header afbeelding */
padding: 0 20px;
}

#navigatie {
margin: 0; /* voor alle browsers op nul zetten */
padding: 0; /* voor alle browsers op nul zetten */
list-style: none; /* bullets weg */
font-family : verdana, Helvetica, Arial, sans-serif; /* lettertypen van het menu */
font-size : .8em; /* lettergrootte van het menu in em-maateenheid */
font-weight : bold; /* dik gedrukte tekst */
}

#navigatie li {
float : left; /* elk deeltje naast elkaar */
width : 146px; /* elk deeltje met een breedte van 145px */
margin: 0; /* voor alle browsers op nul zetten */
padding: 0; /* voor alle browsers op nul zetten */
text-align : center;

}
/*#navigatie li#laatst {
border-right: 1px solid #00C0C0; /* de laatste heeft geen volgende, dus hier wel
}*/

#navigatie a {
color : black; /* letterkleur menu */
text-decoration : none; /* onderstreping weg */
display : block; /* het hele oppervlak van het menu-item is aanklikbaar */
padding : 0px 0px; /* padding */
background-image : url(../images/menubar-top2.png); /* achtergrond plaatje van het menu*/
background-position : 0 50%;
height: 2em;
line-height : 2em; /*hoogte van het menu*/
}

#navigatie a:hover {
background-image : url(../images/menubar-top_hover.png) ; /* het iets donkerder worden als muis er over heen gaat */
}

#content {
clear : left; /* onder de floats van het menu beginnen */
height : 1000px;
padding: 10px 20px; /* binnen-opvulling voordat de tekst begint */
background : rgb(255,255,255); /* content achtergrond wit */
color : black;
}
h1 {
margin: 0;
padding: 0;
}
p {
margin: .5em 0;
padding: 0;
}

groetjes

2 antwoorden

Gesponsorde links
Offline pijke - 10/08/2011 20:17 (laatste wijziging 10/08/2011 20:18)
Avatar van pijke Gouden medaille

Lid
code graag op plaatscode.be
of je code tag afsluiten.

edit:
Als je code wilt, ga dan naar samenwerken.
Maar vraag geen kant-en-klare code.
Offline Tuinstoel - 10/08/2011 23:05
Avatar van Tuinstoel PHP expert Of gebruik Google om te zoeken naar een kant-en-klaar jquery dropdown menu...
Bedankt door: ThAlmighty, pijke
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.166s