login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Padding fout (Opgelost)

Offline tomie94 - 10/01/2008 17:12
Avatar van tomie94PHP interesse Hallo,

Ik heb de vogende code:
  1. body {
  2. margin: 0;
  3. padding: 0;
  4. }
  5. .menu {
  6. width: 100%;
  7. height: 50px;
  8. background: url(menu.gif);
  9.  
  10. }
  11. .menuitem a, .menuitem a:link, .menuitem a:active, .menuitem a:visited {
  12. width: 150px;
  13. height: 50px;
  14. font-size: 20px;
  15. color: #FFFFFF;
  16. text-decoration: none;
  17.  
  18. }
  19. .menuitem a:hover {
  20. color: #FFFFFF;
  21. font-size: 20px;
  22. width: 100px;
  23. height: 50px;
  24. background: url(menu_over.gif);
  25. text-decoration: none;
  26.  
  27. }
  28. p.menup {
  29. margin: 0;
  30. padding-top: 10px;
  31. }
  32. </head>
  33. <div class="menu">
  34. <div class="menuitem">
  35. <p class="menup"><a href="#">menu</a></p>
  36. </div>
  37. </div>
  38. </body>
  39. </html>


nu is mijn probleem dat de tekst in het menu verkeerd staat. nu wil ik dat veranderen met padding maar dan wordt het menu langer en wordt de div herhaalt...

4 antwoorden

Gesponsorde links
Offline acorna - 10/01/2008 17:47 (laatste wijziging 11/01/2008 16:25)
Avatar van acorna Nieuw lid Voeg de volgende code eens toe aan je css:

  1. .menuitem {
  2. width: 150px;
  3. height: 50px;
  4. }

Lost dit het probleem op?

Citaat:
PieterC Edit: Gebruik eens de codetags aub. Lees de regels!
Offline tomie94 - 10/01/2008 17:55 (laatste wijziging 11/01/2008 14:37)
Avatar van tomie94 PHP interesse nee, helaas niet 

//Edit:
Niemand?
Offline Dark_Paul - 11/01/2008 16:20
Avatar van Dark_Paul PHP ver gevorderde 1. Niet onnodig topics kicken, dwz. je replie editten zodat-ie weer bovenaan in de lijst komt;
2. Paddings worden bij de hoogte van het element opgeteld. Een div van hoogte 150px met een padding-top van 10px heeft dus een hoogte van 150+10p=160px. Zelfde geldt voor de breedte.
Offline tomie94 - 11/01/2008 19:35
Avatar van tomie94 PHP interesse het is opgelost door de height kleiner te maken
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.192s