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?

css code - Bekijk de code zonder highlighting - Klap code in 
  1. table.menu{
  2. width:122px;
  3. font-size:8pt;
  4. border:1px;
  5. background-color:#464646;
  6. }


html4strict code - Bekijk de code zonder highlighting - Klap code in 
  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
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. border: collapse;
Offline Joost - 12/01/2009 17:11
Avatar van Joost PHP expert Gewoon in html:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  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
html code - Bekijk de code zonder highlighting - Klap code in 
  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.178s