[CSS] Menu List

Gestart doorFrozenflame7 reacties16 weergaven

8 berichten · pagina 1 van 1

Frozenflame

Lid · Topicstarter

Berichten
1.561
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hallo,

Heb nog een klein probleempje bij mijn menu. Het menu wil ik maken door middel van een list. Deze wil ik allemaal horizontaal netjes naast elkaar. Alleen staan ze nu allemaal op elkaar.

De site: http://www.fjclan.eu/Werkstuk/
CSS:

#navigatie 
{
    font-style: tahoma;
    font-size: 12pt;
    color: #FFF;
}
#navigatie ul 
{
     list-style: none;
     margin: 0;
     padding: 0;
}
#navigatie ul li 
{
     margin: 0;
    position: absolute;
    list-style: none;
}
#navigatie ul li a 
{
     display: block;
     padding: 2px 2px 2px 4px;
     color: #fff;
     text-decoration: none;
     width: 100%;
}
#navigatie ul li a:hover 
{
     background-image: url(images/button.png);
    background-repeat: repeat-x;
    height: 40px;
    color: #F1AE1B;    
}
0
Berichten
160
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
#navigatie ul li
{
float:left;
}


sorry dat ik eerst zo vaag was. Hoop dat het nu werkt!

en heb je nu je hele css gedumpt zodat wij hem kunnen fixen? Plz alleen css geven die er toe doet!
check templates.comze.com
daar heb ik het ook gedaan wat jij wil.
0
Frozenflame

Lid · Topicstarter

Berichten
1.561
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
In welke DIV moet die float dan?
0
Berichten
5.952
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Als de float:left is kun je gewoon tussen de tekst toch gewoon   doen?
0
Berichten
160
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Frozenflame schreef:
Hier heb ik precies hetzelfde probleem: http://www.fjclan.eu/Home/
#navigatie ul li 
{    margin: 0;
     position: relative;
     float:left;
     list-style: none; /* hoeft niet*/}


Ik zeg je waar je kan kijken, maar goed jij je zin, dit werkt. Krijg ik een beloning? schater
0
Frozenflame

Lid · Topicstarter

Berichten
1.561
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Het was al gelukt. Misschien kun je mij vertellen hoe ik die oranje achtergrond weer goed kan krijgen. Ik heb een padding van 3 px gedaan. Waarschijnlijk moet ik die 3 pixels ergens anders afhalen. Maar weet niet waarvan. Ik zal je ook een kleine beloning geven. Heb de URL ff geupdate: http://www.fjclan.eu/Home/

#navigatie ul li 
{
    float: left;
    padding-left: 5px;
    padding-top: 3px;
}
0
Berichten
160
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
#navigatie ul li a 
{
     display: block;
     padding: 4px 2px 0px 4px;
     color: #fff;
     text-decoration: none;

}


Zou ik doen om de tekst iets om laag te krijgen, het oranje verspring daardoor niet.
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren