login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Border is te dik

Offline roberini - 12/01/2009 16:44 (laatste wijziging 12/01/2009 17:06)
Avatar van roberiniHTML beginner ja dit topic heette net anders, maar dat probleem was opgelost en het volgende kwam opduiken.

Ik heb 2 rijen, met een border van 1 px dik. Alleen als er dan 2 rijen op elkaar staan is de border natuurlijk 2 px dik. Bestaat er een functie dat je alleen een border aan de onderkant en zijkanten wilt? Of is er een andere manier om dit op te lossen?

  1. table.menu{
  2. width:122px;
  3. font-size:8pt;
  4. border:1px;
  5. background-color:#464646;
  6. }


  1. <table class="menu" border="1" bordercolor="#000000" cellspacing="0"
  2.  
  3. cellpadding="0" >
  4. <tr>
  5. <td>- Test</td>
  6. </tr>
  7. <tr>
  8. <td>- Test</td>
  9. </tr>
  10. <tr>
  11. <td>- Test</td>
  12. </tr>
  13. <tr>
  14. <td>- Test</td>
  15. </tr>

6 antwoorden

Gesponsorde links
Offline Martijn - 12/01/2009 17:11 (laatste wijziging 12/01/2009 17:54)
Avatar van Martijn Crew PHP
  1. border: collapse;
Offline Joost - 12/01/2009 17:11
Avatar van Joost PHP expert Gewoon in html:

  1. <table cellspacing="1" bgcolor="#000">


In CSS weet ik het zo snel niet;-)
Offline Romic - 12/01/2009 17:21 (laatste wijziging 12/01/2009 20:00)
Avatar van Romic Nieuw lid ---REMOVED---
Ontani heeft gelijk.
Offline Ontani - 12/01/2009 19:15
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
Je hebt totaal geen first-child nodig. met border collapse alleen is het al opgelost.
Offline roberini - 13/01/2009 21:05 (laatste wijziging 13/01/2009 21:11)
Avatar van roberini HTML beginner Nee nog steeds niet opgelost met border collapse.

Hier onder hoe het er nu uitziet:

http://i39.tinypic.com/hvuz3b.jpg

En hieronder hoe ik het wil hebben:

http://i40.tinypic.com/25z1dzo.jpg

dus hij is 1 px te dik. Hoe los ik dit op

@joost: Nee, dan krijg ik een "dubbele" border. En dan wil ik vermijden, omdat ik een enkele wil.

Offline djb - 13/01/2009 23:37
Avatar van djb PHP beginner
  1. <style>
  2. body {
  3. background:#666666;
  4. }
  5. table.menu{
  6. width:122px;
  7. font-size:8pt;
  8. background-color:#464646;
  9. }
  10. .menu td {
  11. border-top:1px solid black;
  12. border-left:1px solid black;
  13. border-right:1px solid black;
  14. }
  15. </style>
  16. <body>
  17. <table class="menu" cellspacing="0" cellpadding="0" >
  18. <tr>
  19. <td>- Test</td>
  20. </tr>
  21. <tr>
  22. <td>- Test</td>
  23. </tr>
  24. <tr>
  25. <td>- Test</td>
  26. </tr>
  27. <tr>
  28. <td style='border-bottom:1px solid black;'>- Test</td>
  29. </tr>
  30. </table>
  31. </body>


Die werkt bij mij goed 
Greets jeroen
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.251s