login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Lijst navigatie hoogte aanpassen

Offline Joel - 06/06/2010 15:06
Avatar van JoelEigenaar Ik heb een lijst in HTML als volgende:

  1. <ul>
  2. <li>Menu 1
  3. <ul>
  4. <li>Item 1</li>
  5. <li>Item 2</li>
  6. </ul>
  7. </li>
  8. <li>Menu 2
  9. <ul>
  10. <li>Item 1</li>
  11. <li>Item 2</li>
  12. </ul>
  13. </li>
  14. </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

Gesponsorde links
Offline MrWolf - 06/06/2010 15:14
Avatar van MrWolf Lid
  1. #menu {
  2. background-image: ....... ;
  3. background-repeat:no-repeat;
  4. }


Mr. Wolf
Offline Joel - 06/06/2010 15:21 (laatste wijziging 06/06/2010 15:21)
Avatar van Joel Eigenaar http://img89.imageshack.us/img89/4648/menupthc.png

CSS stylesheets:

  1. #menuLeft ul li
  2. {
  3. background: #ddd url('images/menuHeader.gif') repeat-x;
  4. }
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 WouterJ - 06/06/2010 15:31
Avatar van WouterJ 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:
  1. ul ul {
  2. height: 15px;
  3. }
  4. li li {
  5. height: 15px;
  6. }
  7. ul ul li {
  8. height: 15px;
  9. }

Allemaal bepalen ze de hoogte van de 2de ul, je hoeft er maar 1 van de 3 te gebruiken.
Offline Joel - 06/06/2010 15:36
Avatar van Joel Eigenaar Nee, is niet wat ik wil. Alles krimpt in elkaar..
Offline WouterJ - 06/06/2010 15:45
Avatar van WouterJ HTML gevorderde Kan je dan misschien een online voorbeeld geven? Of ook de CSS van het menu?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.486s