|
Categorieën >
HTML & CSS
Lijst navigatie hoogte aanpassen
|
|
|
offline
|
Intern Manager
|
Ik heb een lijst in HTML als volgende:
<ul>
<li>Menu 1
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
</li>
<li>Menu 2
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
</li>
</ul>
Ik zou graag bij het eerste <li> element (waar menu 1 en menu 2 dus staan) als achtergrond een afbeelding willen plaatsen met exact 15pixels hoog. Het probleem is dat ik daar de hoogte niet van kan wijzigen want in dat element zit nog vanalles onder en dan krimpt dat helemaal in elkaar.
Iemand een idee? |
5 antwoorden
|
|
|
|
offline
|
Lid
|
#menu {
background-image: ....... ;
background-repeat:no-repeat;
}
#menu { background-image: ....... ; background-repeat:no-repeat; }
Mr. Wolf
|
Joel – 06/06/2010 15:21 (Laatst gewijzigd op 06/06/2010 15:21)
|
|
|
offline
|
Intern Manager
|
http://img89.imageshack.us/img89/4648/menupthc.png
CSS stylesheets:
#menuLeft ul li
{
background: #ddd url('images/menuHeader.gif') repeat-x;
}
#menuLeft ul li { background: #ddd url('images/menuHeader.gif') repeat-x; }
Voor de rest staan alle paddings en margins op 0. Het is dus de hoogte die ik zou moeten kunnen regelen... maar omdat er in die <li> ook nog een <ul> staat, kan ik die hoogte niet aanpassen?
|
|
|
|
|
offline
|
HTML gevorderde
|
Joel schreef: Het is dus de hoogte die ik zou moeten kunnen regelen... maar omdat er in die <li> ook nog een <ul> staat, kan ik die hoogte niet aanpassen?
Dat kan met:
ul ul {
height: 15px;
}
li li {
height: 15px;
}
ul ul li {
height: 15px;
}
ul ul { height: 15px; } li li { height: 15px; } ul ul li { height: 15px; }
Allemaal bepalen ze de hoogte van de 2de ul, je hoeft er maar 1 van de 3 te gebruiken.
|
Joel – 06/06/2010 15:36
|
|
|
offline
|
Intern Manager
|
Nee, is niet wat ik wil. Alles krimpt in elkaar..
|
|
|
|
|
offline
|
HTML gevorderde
|
Kan je dan misschien een online voorbeeld geven? Of ook de CSS van het menu?
|
Dit onderwerp is gesloten.
|
|
|
Stap jij over naar HTML5/CSS3? (S: 29, R: 12)
Actiefste leden van de maand
Actieve forumberichten:
