PC-Navigator Forum

Overige categorieën => Website => Topic gestart door: Deanna op 14 april 2005, 15:58:43

Titel: Tabel
Bericht door: Deanna op 14 april 2005, 15:58:43
Dames, heren,

Ik wil een tabel maken in HTML. De tabel heeft 5 kolommen en zo'n 19 rijen. Zover geen probleem. Maar nu wil ik tussen de tweede en derde rij een lijn trekken. Deze lijn moet 4 (!) kolommen beslaan.
Nu kan ik dat doen door in elke cel de border-top= solid windowtext aan te geven, maar ik zou het mooier vinden om dit in de rij te doen. Weet iemand hoe?

Alvast bedankt!

Groetjes,
Titel: Re: Tabel
Bericht door: Han op 14 april 2005, 16:46:34
Ik heb werkelijk geen idee wat je bedoelt.
Kun je een voorbeeld geven. Misschien even tekenen en dan een plaatje van maken of zoiets?
Titel: Re: Tabel
Bericht door: Doy op 14 april 2005, 17:32:10
Bedoel je:

<hr size="1"> dunne lijn van 1 pixel.
of:
<hr size="2"> iets dikkere lijn van 2 pixels.

Dit herhalen in de betreffende kolommen op de zelfde hoogte.
Titel: Re: Tabel
Bericht door: Deanna op 15 april 2005, 09:42:14
Dank voor jullie reacties!

Doy, als ik jouw advies opvolg wordt de lijn boven de tabel geplaatst. Zou ik nog wat moeten doen met <body> ofzo?
Daarnaast beslaat deze lijn de hele breedte van de tabel, terwijl ik eigenlijk een lijn wil die een stukje van de tabel beslaat (over een lengte van vier kolommen). Maar misschien is dat niet mogelijk?

Han, welk stukje van de tekst begrijp je niet?
Hieronder volgt een stukje van de codereeks die ik nu heb staan (inclusief advies van Doy). Als je dit kopieert en in frontpage of een gelijksoortig programma plakt kun je kijken wat voor resultaat dit oplevert.

<TABLE>
<TR>
  <TD>Stagzeilvallen</TD>
  <TD>Staaldraad</TD>
  <TD>t/m 35 m<SUP>2</SUP></TD>
  <TD>2,0 t</TD>
  <TD>6 mm</TD>
</TR>
<hr size="1">
<TR>
  <TD>&nbsp;</TD>
  <TD>&nbsp;</TD>
  <TD>boven 35 m<SUP>2</SUP></TD>
  <TD>3,8 t</TD>
  <TD>8 mm</TD>
</TR>
</TABLE>
Titel: Re: Tabel
Bericht door: Han op 15 april 2005, 11:51:45
Nu begrijp ik door dat voorbeeld wat je bedoeld.  :)
Je kunt toch op de hoogte waar jij het wil een horizontale lijn trekken in de cellen.
Dan heb je weliswaar geen doorgetrokken lijn maar het is een alternatief.

<table border="0" width="70%">
  <tr>
    <td width="25%">Stagzeilvallen</td>
    <td width="25%">Staaldraad</td>
    <td width="25%">t/m 35 m<sup>2</sup></td>
    <td width="25%">2,0 t</td>
    <td width="25%">6 mm</td>
  </tr>
  <tr>
    <td width="25%"><hr>
    </td>
    <td width="25%"><hr>
    </td>
    <td width="25%"><hr>
    </td>
    <td width="25%"><hr>
    </td>
    <td width="25%"><hr>
    </td>
  </tr>
  <tr>
    <td width="25%"></td>
    <td width="25%"></td>
    <td width="25%">boven 35 m<sup>2</sup></td>
    <td width="25%">3,8 t</td>
    <td width="25%">8 mm</td>
  </tr>
  <tr>
    <td width="25%"></td>
    <td width="25%"></td>
    <td width="25%"></td>
    <td width="25%"></td>
    <td width="25%"></td>
  </tr>
</table>
Titel: Re: Tabel
Bericht door: Doy op 15 april 2005, 12:14:59
Als je in het voorbeeld van Han het rode gedeelte vervangt, heb je een doorgetrokken lijn in de laatste 4 kolommen.

________________________________________________________________________________________

<table border="0" width="70%" cellpadding="0" cellspacing="0">
  <tr>
    <td width="25%">Stagzeilvallen</td>
    <td width="25%">Staaldraad</td>
    <td width="25%">t/m 35 m<sup>2</sup></td>
    <td width="25%">2,0 t</td>
    <td width="25%">6 mm</td>
  </tr>
  <tr>
    <td width="25%">
    </td>
    <td width="25%"><hr>
    </td>
    <td width="25%"><hr>
    </td>
    <td width="25%"><hr>
    </td>
    <td width="25%"><hr>
    </td>
  </tr>
  <tr>
    <td width="25%"></td>
    <td width="25%"></td>
    <td width="25%">boven 35 m<sup>2</sup></td>
    <td width="25%">3,8 t</td>
    <td width="25%">8 mm</td>
  </tr>
  <tr>
    <td width="25%"></td>
    <td width="25%"></td>
    <td width="25%"></td>
    <td width="25%"></td>
    <td width="25%"></td>
  </tr>
</table>

_____________________________________________________________________________________

Titel: Re: Tabel
Bericht door: Deanna op 15 april 2005, 13:43:04
Dank weer voor jullie reacties!!

voortbordurend op jullie aanreikingen kan ik m.b.v. COLSPAN ook overbodig typen vermijden. Ik kom dan tot de volgende formule:

<table CELLPADDING= 5>
  <tr>
    <td >Stagzeilvallen</td>
    <td >Staaldraad</td>
    <td >t/m 35 m<sup>2</sup></td>
    <td >2,0 t</td>
    <td >6 mm</td>
  </tr>
  <tr>
<td></td>
    <td COLSPAN= 4 ><hr></td>
  </tr>
  <tr>
    <td ></td>
    <td ></td>
    <td >boven 35 m<sup>2</sup></td>
    <td >3,8 t</td>
    <td >8 mm</td>
  </tr>
  <tr>
    <td ></td>
    <td ></td>
    <td COLSPAN= 3><hr></td>
  </tr>
</table>

Eigenlijk ben ik nog niet tevreden over de afstand van de lijn ten opzichte van de rij erboven en de rij eronder (regelafstand?), maar het probleem van de lijn is nu opgelost. Hartelijk dank voor jullie hulp! :goed



Titel: Re: Tabel
Bericht door: Doy op 16 april 2005, 01:14:23
Sorry Deanna... Zover reikt mijn kennis met HTML (nog) niet... Ben nog lerende! :)
Misschien dat de cel-hoogte beter te definieëren is met CSS?
Titel: Re: Tabel
Bericht door: Han op 16 april 2005, 01:56:29
Ik ben ook maar een simpele frontpager  ;)
Ik zit altijd gewoon te rotzooien ermee totdat ik bereik wat ik wil, of ik vraag het op een forum.  :)

Style sheets weet ik weinig van. Ik weet alleen dat je daarme het uiterlijk kan definieren in een bestandje. Het stylesheet wordt dan gevolgd door alle pagina's die verwijzen naar het stylesheet. In deze forumsoftware zit dat ook.
Titel: Re: Tabel
Bericht door: Doy op 16 april 2005, 02:07:03
Er wordt wat afgerotzooit hier en daar! ;D
Ben toen zelf begonnen met puur HTML (zelfstudie via gratis cursussen van het Internet)
Ben nu ook bezig met CSS en PHP... Heb het harstikke druk! ;D
Titel: Re: Tabel
Bericht door: Han op 16 april 2005, 02:09:08
MYSQL en PHP ben ik nu ook al een poosje een beetje mee bezig omdat de forumsoftware daarmee werkt.
Soms moet je wat aanpassen in de code en dan is het prettig als je snapt wat je doet.
Van zelfstudie leer ik het meest. Af en toe een vraagje stellen hier of daar en dan lukt het meestal wel.



Het is inmiddels 18 mei 2005. Ik neem aan dat het probleem waarvoor dit topic geopend werd allang opgelost is, anders was de topicstarter er wel op teruggekemen. Dit topic gaat dicht. De topicstarter kan het topic zo nodig laten heropenen middels een PM aan een van de teamleden.