login  Naam:   Wachtwoord: 
Registreer je!
 Forum

tekst wordt gecentreert (Opgelost)

Offline Clemens32 - 01/05/2007 09:18
Avatar van Clemens32PHP interesse Kan iemand mij vertellen hoe het komt dat de tekst in de <ul> gecentreert wordt?
Ik wil het links uitgelijnt hebben, maar <li style="text-align: left;"> werkt niet.

  1. .hoofdmenu
  2. {
  3. margin-top: 15px;
  4. margin-left: 10px;
  5. width: 170px;
  6. height: 120px;
  7. border: 1px solid #FF9631;
  8. }
  9.  
  10. .topmenu
  11. {
  12. background-color: #000000;
  13. height: 20px;
  14. font-weight: bold;
  15. text-align: center;
  16. }
  17.  
  18. .contentmenu
  19. {
  20. background-color: #D64500;
  21. }
  22.  
  23.  
  24. <div class="hoofdmenu">
  25. <div class="topmenu">ARTIESTEN</div>
  26. <div class="contenmenu">
  27. <ul style="list-style-type: none;">
  28. <li style=" text-align: left;"><a class="link" href="index.php?pagina=artiestvandemaand/artiestvandemaand">Sponsor-artiest van de maand</a></li>
  29. <li><a class="link" href="index.php?pagina=artiesteninfo">Artiesten pagina's</a></li>
  30. <li><a class="link" href="" onclick="window.open('./artiesten_info.php','Artiesten',
  31. 'width=350,height=350,scrollbars=yes,toolbar=no,location=no'); return false">Informatie </a></li>
  32. <li><a class="link" href="index.php?pagina=agenda/agenda">Evenementen agenda</a></li>
  33. </ul>
  34. </div>
  35. </div>

6 antwoorden

Gesponsorde links
Offline Rik - 01/05/2007 09:25
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen
Waarschijnlijk centreer je de body wel al wordt dat overgenomen door de lijst.

Probeer anders eens die "text-align: left" in de ul te zetten, want zo is ie alleen op de eerste li van toepassing...
Offline Clemens32 - 01/05/2007 09:34
Avatar van Clemens32 PHP interesse In de ul heb ik ook al geprobeert, evenals de a en de diverse classes.
Er wordt ook alleen in .topmenu iets gecentreerd, maar die wordt maar ée'n keer gebruikt en ook meteen gesloten.
<div class="topmenu">ARTIESTEN</div>
Offline Rik - 01/05/2007 09:37
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen
Das dan best raar...

Heb je misschien een voorbeeld online staan?
Offline Clemens32 - 01/05/2007 09:40 (laatste wijziging 01/05/2007 09:41)
Avatar van Clemens32 PHP interesse http://www.testjesite.nl/hollandse1000

Ik ben de website http://www.hollandse1000.nl aan het overzetten in vaid xhtml, met divjes, ul/li en headings.

Je ziet dat het linkermenu goed staat (alleen staat die nog in tabellen).
Offline Rik - 01/05/2007 09:45
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen
Als ik met de CSS Viewer plugin van FF ga kijken zie ik wel dat er een padding van 40px op die ul van artiesten staat...

Als je die weg kan halen zou hij ook links moeten staan.
Offline Clemens32 - 01/05/2007 09:49 (laatste wijziging 01/05/2007 10:41)
Avatar van Clemens32 PHP interesse Vreemd, ik zou niet weten waar die padding vandaan komt dan.
In ieder geval bedankt voor het meedenken.

@opgelost:

Toevoegen van:

.contenmenu ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.contenmenu ul li {
padding: 0.5px;
margin: 5px;
text-align: left;
}
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.831s