Beste,

Ik heb onder mijn website een soort sitemap gemaakt van een lijst. Deze lijst heb ik door middel van CSS horizontaal weergegeven. Zie code:

Code:

#seo {
    height: 100px;
    width: 1000px;
    margin-top: 10px;
    clear: both;
}
#seo ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#seo ul li { display: inline; }

#seo ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #ffffff;
background-color: #D10074;
}

#seo ul li a:hover
{
color: #000000;
background-color: ##D10074;
}

Het probleem is nu dat de verschillende kopjes naast elkaar gescheiden worden (door middel van de padding) maar aan de bovenkant elkaar raken. Ik heb alles al aangepast qua padding maar ik kom er niet uit. Iemand een idee hoe ik de ruimte tussen de (onderkant en bovenkant van de) kopjes kan aanpassen?

Bedankt!

Ik zou zeggen margin-top en/of margin-bottom.
Maar liever zie ik een url van de pagina waar het probleem speelt.

Als ik even kijk zie ik geen line-height, die zou je op je li items kunnen zetten.

line-height, wat geinig. Het werkt. Ik heb een tutorial gelezen over de lijsten en op basis daarvan de lijst gemaakt. De line-height was hierin niet verwerkt en men had het enkel over padding.

Mark, heel erg bedankt voor de goede tip!

Dat komt omdat je de display op 'inline' hebt gezet hierdoor word de li gewoon in de normale regel afgebeeld ;)