login  Naam:   Wachtwoord: 
Registreer je!
 Forum

rules="cols" 1 px?

Offline Stefan14 - 14/01/2006 12:03
Avatar van Stefan14PHP gevorderde ik wil graag met de volgende code een tabel maken

<table style="border: 1px solid black" rules="cols">
</table>

alleen wanneer ik nu deze tabel ga vullen met gegevens uit een db, zie ik dat de border wel goed is, maar de lijnen tussen de kolommen zijn gewoon de standaard html lijnen, maar die wil ik ook hetzelfde als de border hebben, oftewel ook 1 px.

Kan dit en zo ja hoe?

10 antwoorden

Gesponsorde links
Offline Tuinstoel - 14/01/2006 12:24
Avatar van Tuinstoel PHP expert Verplaatst, dit valt onder HTML & CSS.

Dit kun je denk ik oplossen met CSS, de td/tr items een border waarde meegeven? En is rules="cols" wel een geldig bestaand attribuut? Ik ken hem namelijk niet.

  1. td {
  2. border: 1px solid #000000;
  3. }
Offline Stefan14 - 14/01/2006 12:36
Avatar van Stefan14 PHP gevorderde rules="cols" is een geldig attribuut, ik heb hem een hele poos geleden al wel eens gezien bij jullie in het overzicht, en nu kwam hij wel weer van pas (dacht ik). deze attribuut zorgt ervoor dat je alleen de verticale lijnen tussen de cellen ziet.

over dat stukje code wat jij geeft, als ik die in mijn css file zet, en het upload komt het er weliswaar al beter uit te zien, maar helaas zijn het nu allemaal lijnen van 2 px (schat ik). zou dit kunnen komen omdat elke cel een lijn van 1 px heeft, en als er dus 2 cellen naast elkaar zitten het dus een lijn van 2 px wordt?

enig idee hoe ik dit kan oplossen, ben al wat aan het proberen geweest met border-right en left enz. maar daar redt ik het ook niet helemaal mee.
Offline Tuinstoel - 14/01/2006 13:17
Avatar van Tuinstoel PHP expert Mja je zou het wat kunnen beïnvloeden door de CSS wat aan te passen, ik weet zo niet uit m'n hoofd of deze tags werken maar ik dacht het wel.
  1. td {
  2. border-left: 1px solid #000000;
  3. border-top: 1px solid #000000;
  4. /* en dan heb je dus ook nog border-bottom en border-right */
  5. }
Offline Stefan14 - 14/01/2006 13:35 (laatste wijziging 14/01/2006 13:37)
Avatar van Stefan14 PHP gevorderde ik het dat ook zojuist geprobeerd, maar dat wilde ook niet werken, dus ik heb het nu als volgt op kunnen lossen.

  1. <?php
  2. echo('<table style="border: 1px solid Black" cellspacing="0">');
  3. echo('<tr><td>'.$datum.'</td><td style="border-left: 1px solid black">'.$naam.'</td><td style="border-left: 1px solid black">€ '.$bedragdb.'</td></tr>');
  4. echo('</table>');
  5. ?>


hierdoor heb ik 3 kolommen gescheiden door een mooie zwarte lijn van 1 px.

regel 4 staat overigens in een while loop om de gegevens uit een db te kunnen weergeven. in dit geval voor administratische (bank)gegevens.
Offline ThAlmighty - 14/01/2006 14:03
Avatar van ThAlmighty HTML beginner ziet er goed uit. dit ga ik zeker onthouden, denk dat dat nog wel is van pas komt

ThAlmighty
Offline Grayen - 14/01/2006 14:22
Avatar van Grayen PHP ver gevorderde ik zit eigenlijk met hetzelfde probleem alleen wil ik geen php om mijn pagina gebruiken. dit is de broncode:

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  5. <meta name="generator" content="PSPad editor, www.pspad.com">
  6. <title></title>
  7. <style type="text/css">
  8. <!--
  9. td {border: 1px solid #000000;}
  10. --->
  11. </style>
  12.  
  13. </head>
  14. <body>
  15. <table width="1000" cellspacing="0" cellpadding="0">
  16. <tbody align="left" valign="top">
  17. <tr>
  18. <th colspan="3">header</th>
  19. </tr>
  20. <tr>
  21. <td colspan="3">menu</td>
  22. </tr>
  23. <tr>
  24. <td>bezoekers</td>
  25. <td>tekstvlak</td>
  26. <td>klok</td>
  27. </tr>
  28. </tbody>
  29. </table>
  30. </body>
  31. </html>


ik heb op een site gezien zoals ik eigenlijk mijn tabellen ook wil hebben: http://www.stor...rt_ID/1003

alvast bedankt
Offline XenoX - 14/01/2006 14:44
Avatar van XenoX Gouden medailleGouden medaille

PHP expert
@Stefan14:
  1. table
  2. {
  3. border-colapse: colapse;
  4. }
  5.  
  6. table td
  7. {
  8. border-left: 1px solid #000;
  9. border-right: 1px solid #000;
  10. }


@Grayen:
  1. table
  2. {
  3. border-colapse: colapse;
  4. }
  5.  
  6. table td
  7. {
  8. border: 1px solid #000;
  9. }
Offline Stefan14 - 14/01/2006 15:15
Avatar van Stefan14 PHP gevorderde @XenoX, bedankt, dit werkt ook, en is in de toekomst eventueel makkelijker aan te passen!
Offline Grayen - 14/01/2006 16:52 (laatste wijziging 14/01/2006 19:59)
Avatar van Grayen PHP ver gevorderde Bedankt! het werkt perfect alleen ben je vergeten dat collapse met 2 llen moest;-)

Ik heb nog een vraag:

http://sitemuziek.50webs.com/

op de site (die nog lang niet af is) bij de header zie ik tenminste bij FF geen border bij top en left, terwijl dat wel gewoon hoort, heel raar kzou niet weten wat ik fout heb gedaan. Kan iemand dit verklaren??:s
Offline DeviLGuY - 15/01/2006 07:29
Avatar van DeviLGuY Nieuw lid @Grayen Ligt waarschijnlijk gewoon aan je computer, want hier is alles wel goed
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.239s