Toon posts:

[HTML] tabellen

Pagina: 1
Acties:

zaterdag 25 mei 2002 01:32

Acties:

Verwijderd

Topicstarter
Afbeeldingslocatie: http://www.zowned.com/dikkuh/nieuw/tabellen.gif
de persoon die dit voor mij in tabellen kan zetten (dus de html code) is echt een held

ik krijg dit echt niet voor elkaar

zaterdag 25 mei 2002 01:32

Acties:

Verwijderd

colspan n` rowspan are your friends :)

zaterdag 25 mei 2002 01:34

Acties:

Verwijderd

Topicstarter
ja dat snap ik, maar dat blokje in het midden is het probleem, die lijnen zou je eigelijk door willen/moeten trekken maar dat kan dus even niet :)

zaterdag 25 mei 2002 01:35

Acties:
  • blackd
  • Registratie: Februari 2001
  • Niet online

blackd

Anders 'ff' een mooie WYSIWYG table editor zoeken om het voor elkaar te krijgen? (als je 't niet uit je blote koppie kan)

9000Wp o/w SolarEdge SE6K - Panasonic 5kW bi-bloc - gasloos sinds 17-7-2023

zaterdag 25 mei 2002 01:49

Acties:

Verwijderd

Topicstarter
en dat vind ik waar?

zaterdag 25 mei 2002 01:49

Acties:
  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

bijt je eens stuk op dit topic..

www.jurgroessen.nl

zaterdag 25 mei 2002 01:59

Acties:

Verwijderd

ik ben eens benieuwd

zaterdag 25 mei 2002 02:23

Acties:

Verwijderd

Topicstarter
<table border="1">
<tr>
<td colspan="2" rowspan="2"> </td>
<td colspan="2"> </td>
</tr>
<tr>
<td> </td>
<td rowspan="3"> </td>
</tr>
<tr>
<td> </td>
<td colspan="2" rowspan="2"> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>

zaterdag 25 mei 2002 02:53

Acties:

Verwijderd

Topicstarter
PHP:
1

<? <table border="1">  <tr>     <td height="214" width="226" colspan="2" rowspan="2">1</td>    <td colspan="2" width="574" height="107">2</td>  </tr>  <tr>     <td width="49" height="107">3</td>    <td rowspan="3" width="425" height="307>4</td>  </tr>  <tr>     <td width="125" height="100">5</td>    <td colspan="2" rowspan="2" width="150" height="200">6</td>  </tr>  <tr>     <td width="125" height="100">7</td>  </tr></table>?>



ow foutje hier
www.zowned.com/test.html

tabel 5 en 7 worden breder dan 125 pixels (en 6 dus vanzelfsprekend kleiner dan 150)??

zaterdag 25 mei 2002 10:57

Acties:

Verwijderd

Pak een stuk papier, en teken daarop met dikke lijnen wat je hebben wilt. Trek alle lijnen dunnetjes door, zodat je een tabel met rijen en kolommen krijgt.

Begin linksboven, en ga de eerste rij af, dan de tweede, hokje voor hokje. Zet een kruisje in de hokjes die je al gehad hebt.
Als je een hokje tegenkomt dat meerdere rijen en/of kolommen beslaat, gebruik dan rowspan resp colspan met het aantal rijen en/of kolommen. Kruis alle hokjes aan die je al gehad hebt, niet vergeten.

Als je een hokje tegenkomt dat al een kruisje bevat, dan moet je dat hokje totaal negeren.
En als je het eind van een rij bereikt, moet je een nieuwe table row beginnen.

Op deze manier kun je je tabel altijd wel opbouwen, het kan niet misgaan als je goed blijft nadenken.

zaterdag 25 mei 2002 12:26

Acties:
  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

De enige manier waarop ik dit soort tabellen in alle browser goed kan laten renderen is door er een 'rand' omheen te leggen met cellen die geen row- of colspans hebben; zoals je in het eerder genoemde topic kan zien kan een syntacties goede tabel nog volkomen verkeerd gerenderd worden omdat browsers (foute) aannames maken om de tabel zo snel mogelijk te renderen.

Intentionally left blank

zaterdag 25 mei 2002 12:33

Acties:

Verwijderd

Sjeeeeeeeeeeeeeeeees... Je vraagt me wat. Ken je wat meer informatie geven? :o

Laterzzz (8>

Adri ;)

zaterdag 25 mei 2002 12:45

Acties:

Verwijderd

Topicstarter
Op zaterdag 25 mei 2002 12:26 schreef crisp het volgende:
De enige manier waarop ik dit soort tabellen in alle browser goed kan laten renderen is door er een 'rand' omheen te leggen met cellen die geen row- of colspans hebben; zoals je in het eerder genoemde topic kan zien kan een syntacties goede tabel nog volkomen verkeerd gerenderd worden omdat browsers (foute) aannames maken om de tabel zo snel mogelijk te renderen.
en hoe moet dat dan :?, ik krijg het echt niet voor elkaar, terwijl het in principe gewoon zou *moeten* werken

zaterdag 25 mei 2002 12:45

Acties:

Verwijderd

Topicstarter
Op zaterdag 25 mei 2002 12:33 schreef avantilburg het volgende:
Sjeeeeeeeeeeeeeeeees... Je vraagt me wat. Ken je wat meer informatie geven? :o

Laterzzz (8>

Adri ;)
zoals?, het is gewoon precies zoals het daar staat :)

zaterdag 25 mei 2002 13:17

Acties:
  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Ik heb nu zoiets, dat komt al aardig dichtbij:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

<html>
<head>
</head>
<body>
<table border=1 cellspacing=0 cellpadding=0>
  <tr>
     <td height="1" width="1">[img]"spacer.gif"></td>
[/img][img]"spacer.gif"></td>
[/img][img]"spacer.gif"></td>
[/img][img]"spacer.gif"></td>
[/img][img]"spacer.gif"></td>
[/img][img]"spacer.gif"></td>
[/img]
     <td height="110" width="1">[img]"spacer.gif"></td>
[/img]1</td>
     <td height="110" width="475" colspan="2" rowspan="1" align="center">2</td>
     <td height="110" width="1">[img]"spacer.gif"></td>
[/img]
  <tr>
     <td height="100" width="1">[img]"spacer.gif"></td>
[/img]3</td>
     <td height="360" width="410" colspan="1" rowspan="3" align="center">4</td>
     <td height="100" width="1">[img]"spacer.gif"></td>
[/img]
  <tr>
     <td height="135" width="1">[img]"spacer.gif"></td>
[/img]5</td>
     <td height="250" width="135" colspan="2" rowspan="2" align="center">6</td>
     <td height="135" width="1">[img]"spacer.gif"></td>
[/img]
  <tr>
     <td height="115" width="1">[img]"spacer.gif"></td>
[/img]7</td>
     <td height="115" width="1">[img]"spacer.gif"></td>
[/img]
  <tr>
     <td height="1" width="1">[img]"spacer.gif"></td>
[/img][img]"spacer.gif"></td>
[/img][img]"spacer.gif"></td>
[/img][img]"spacer.gif"></td>
[/img][img]"spacer.gif"></td>
[/img][img]"spacer.gif"></td>
[/img]
</table>
</body>
</html>

Intentionally left blank

zaterdag 25 mei 2002 13:19

Acties:

Verwijderd

Topicstarter
hmmm dat lijkt te werken

zaterdag 25 mei 2002 13:25

Acties:

Verwijderd

Topicstarter
het probleem alleen is dat de pagina uitgelijnt moet worden tot precies linksbovenin de hoek, en je krijg dus altijd een border van 1 pixel van die tabellen eromheen nu..

en als je die tabellen weghaalt worden tabel 6 en 7 weer breder dan ze moeten worden..

zie ook www.zowned.com/test2.html

zaterdag 25 mei 2002 13:42

Acties:

Verwijderd

Topicstarter
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >
<table border=0 cellspacing=0 cellpadding=0>
  <tr>
     <td height="110"></td>
     <td height="210" width="210" colspan="2" rowspan="2" align="center" bgcolor="red">1</td>
     <td height="110" width="475" colspan="2" rowspan="1" align="center" bgcolor="blue">2</td>
     <td height="110"></td>
  </tr>
  <tr>
     <td height="100"></td>
     <td height="100" width="60" colspan="1" rowspan="1" align="center" bgcolor="white">3</td>
     <td height="360" width="410" colspan="1" rowspan="3" align="center" bgcolor="yellow">4</td>
     <td height="100"></td>
  </tr>
  <tr>
     <td height="135"></td>
     <td height="135" width="150" colspan="1" rowspan="1" align="center" bgcolor="green">5</td>
     <td height="250" width="135" colspan="2" rowspan="2" align="center" bgcolor="purple">6</td>
     <td height="135"></td>
  </tr>
  <tr>
     <td height="115"></td>
     <td height="115" width="150" colspan="1" rowspan="1" align="center" bgcolor="grey">7</td>
     <td height="115"></td>
  </tr>
  <tr>
     <td></td>
     <td width="150"></td>
     <td width="60"></td>
     <td width="75"></td>
     <td width="400"></td>
     <td></td>
  <tr>
</table>
</body>

kom nu op dit, schijnt te werken

zaterdag 25 mei 2002 13:48

Acties:

Verwijderd

Topicstarter
maar dan nu nog een probleem :p, tabel 4,6 en 7 moeten in de hoogte rekbaar zijn met hetgeen wat in tabel 6 en 4 komt te staan :)
Pagina: 1
Reageer