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:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  4. body {
  5.     margin: 0;
  6.     padding: 0;
  7. }
  8. .menu {
  9.     width: 100%;
  10.     height: 50px;
  11.     background: url(menu.gif);
  12.  
  13. }
  14. .menuitem a, .menuitem a:link, .menuitem a:active, .menuitem a:visited {
  15.     width: 150px;
  16.     height: 50px;
  17.     font-size: 20px;
  18.     color: #FFFFFF;
  19.     text-decoration: none;
  20.  
  21. }
  22. .menuitem a:hover {
  23.     color: #FFFFFF;
  24.     font-size: 20px;
  25.     width: 100px;
  26.     height: 50px;
  27.     background: url(menu_over.gif);
  28.     text-decoration: none;
  29.  
  30. }
  31. p.menup { 
  32.  margin: 0;
  33.  padding-top: 10px;
  34. }
  36. </head>
  38. <div class="menu">
  39. <div class="menuitem">
  40. <p class="menup"><a href="#">menu</a></p>
  41. </div>
  42. </div>
  43. </body>
  44. </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:

css code - Bekijk de code zonder highlighting - Klap code in 
  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.173s