login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Menu wil niet naast elkaar (Opgelost)

Offline valles10 - 06/08/2009 14:54 (laatste wijziging 06/08/2009 14:56)
Avatar van valles10HTML interesse Ik ben bezig aan een nieuw menu, maar zit met probleempje. hoe zorg ik dat de "blokjes" naast elkaar komen te staan en niet onder elkaar? het is de bedoeling dat het menu in het midden komt te staan, ik deed het eerst met float: left; maar dan kreeg ik de blokjes niet in het midden. DI tis mijn code:


  1. [code=html4strict]<div id="navbar">
  2. <li>Home</li>
  3. <li>Home</li>
  4. <li>Home</li>
  5. </div>
[/code]


  1. [code=css]#navbar ul,li {
  2. padding: 0;
  3. margin: 0;
  4. list-style: none;
  5. }
  6.  
  7. #navbar li{
  8. display: block;
  9. height: 45px;
  10. width: 100px;
  11. background-color: #00FF00;
  12. margin-left: auto;
  13. margin-right: auto;
  14. position: relative;
  15. }
[/code]

7 antwoorden

Gesponsorde links
Offline WouterPSV - 06/08/2009 15:46
Avatar van WouterPSV Lid Zet eens
Float:left in je css bij navbar
Offline meerweten - 06/08/2009 18:09
Avatar van meerweten Lid <lu> tag?
Offline kickasgamer - 06/08/2009 19:18
Avatar van kickasgamer PHP ver gevorderde ja klopt dat ontbreekt maar je bedoeld wel de <ul> tag 
Offline Quibus - 06/08/2009 20:00
Avatar van Quibus Nieuw lid Probeer dit eens:
  1. #navbar li{
  2. display: inline;


Misschien is dit wat je bedoelde?
Quibus
Offline Allinfosrc - 07/08/2009 09:20
Avatar van Allinfosrc Nieuw lid Je moet bij position relative veranderen in absoluut dan komen ze naast elkaar en niet onder elkaar als je er geen <br /> nar de div gebruikt.
Offline valles10 - 07/08/2009 09:35 (laatste wijziging 07/08/2009 09:42)
Avatar van valles10 HTML interesse
WouterPSV schreef:
Zet eens
Float:left in je css bij navbar

lees mijn vraag -.-'

Quibus schreef:
...

maar nu krijg ik zo kleine blokjes.. hoe zorg ik dat het nu dikke blokken van 45px height en iets van een 100 px breed?(zoals een display: blok, effect) height en width werkt niet
Offline Quibus - 07/08/2009 11:22
Avatar van Quibus Nieuw lid Zo moet het wel werken:

  1. ]#navbar ul,li {
  2. list-style: none;
  3. }
  4. #navbar li {
  5. display:inline-block;
  6. height: 45px;
  7. width: 100px;
  8. background-color: #00FF00;
  9. text-align:left;
  10. }


als ik het goed heb geeft dit het gewenste resultaat.

Succes!
Quibus
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.191s