login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Border te lang (Opgelost)

Offline tomie94 - 04/01/2008 18:16
Avatar van tomie94PHP interesse Hallo,

Ik ben bezig met een klein menuutje.
Nu gebruik ik dit als code:
  1. ul
  2. {
  3. display: block;
  4. list-style: none;
  5. margin: 0px;
  6. padding: 0px;
  7. }
  8. li a
  9. {
  10. display: block;
  11. }
  12.  
  13. li a:link, li a:visited
  14. {
  15.  
  16. color: #0177B5;
  17.  
  18. background: url(pijl.png) no-repeat 5px 5px;
  19. padding: 2px 0 2px 25px;
  20. width: 100%;
  21. height: 20px;
  22. display: block;
  23. text-decoration: none;
  24. border-bottom: solid 1px #CCCCCC;
  25.  
  26. }
  27.  
  28. li a:hover, li a:active
  29. {
  30.  
  31. width: 100%;
  32. height: 20px;
  33. background: url(pijl.png) no-repeat 5px 5px;
  34. padding: 2px 0 2px 25px;
  35. text-decoration: none;
  36. display: block;
  37. color: #7BCD19;
  38. border-bottom: solid 1px #CCCCCC;
  39.  
  40. }


maar als ik dit gebruik is de border-bottom te lang...
Wat gaat er fout....

Screenshot

tomie94

2 antwoorden

Gesponsorde links
Offline Dark_Paul - 04/01/2008 19:08 (laatste wijziging 04/01/2008 19:08)
Avatar van Dark_Paul PHP ver gevorderde Dat komt door je padding.
Paddings worden bij de breedte van het element opgeteld. Als je dus paddings toevoegd, moet je die padding van de gewenste breedte van het element afhalen.
Voorbeeld:
Ik wil een div met breedte 400 en hoogte 200. Nou wil ik dat-ie aan de linker- en rechterkant een padding van 10px heeft, boven een padding van 30px en onder van 10px. Dan ziet mijn css er als volgt uit:
  1. div #voorbeeld {
  2. padding: 10px 30px 10px 10px;
  3. width: 380px; // 400 - 2x10, omdat die zowel aan de linker- als rechterzijde wordt toegepast
  4. height: 160px; // 200 - 30 - 10, zelfde verhaal
  5. }
Offline tomie94 - 04/01/2008 19:18 (laatste wijziging 04/01/2008 19:42)
Avatar van tomie94 PHP interesse oke...
maar de width bij mij is in procenten wat moet ik dan

EDIT: opgelost... hab de paddign ook in procenten gedaan
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.183s