Toon posts:

[html] witruimte tussen tabelregels

Pagina: 1
Acties:
  • 93 views sinds 30-01-2008

maandag 19 april 2004 23:46

Acties:
  • Moons
  • Registratie: November 2002
  • Laatst online: 15-05 11:32

Moons

Topicstarter
Ik ben een site aan het bouwen, te vinden op www.hetstamhuis.demon.nl. Het bestaan uit een aantal plaatjes, waarvan een deel aanklikbaar is. Dus ik heb een tabelstructuur gebruikt. Maar tussen de verschillende rijen van de tabel, komen steeds een witruimte van iets van 2 pixels, wat erg storend is. Ik snap niet hoe het komt, en wat ik ertegen kan doen...

Dit is de source:
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113

<html>
<head>
<title>HET STAMHUIS</title>

<script type="text/javascript" language="JavaScript">
function changepic1() {
document.pic1.src='rij2bx.jpg';
}
function changepic1x() {
document.pic1.src='rij2b.jpg';
}
function changepic2() {
document.pic2.src='rij3bx.jpg';
}
function changepic2x() {
document.pic2.src='rij3b.jpg';
}
function changepic3() {
document.pic3.src='rij4bx.jpg';
}
function changepic3x() {
document.pic3.src='rij4b.jpg';
}
function changepic4() {
document.pic4.src='rij6bx.jpg';
}
function changepic4x() {
document.pic4.src='rij6b.jpg';
}
</script>

</head>
<body>

<table border=0 cellspacing=0 cellpadding=0>
 <tr>
  <td>
  [img]"rij1.jpg"[/img]
  </td>
 </tr>
 <tr>
  <table border=0 cellspacing=0 cellpadding=0>
   <tr>
   <td>
   [img]"rij2a.jpg"[/img]
   </td>
   <td>
   <a href="het_huis.htm"><img border="0" name="pic1" src="rij2b.jpg" 
    alt="achtergrond" onmouseover="changepic1()" onmouseout="changepic1x()">
   </a></td>
   <td>
   [img]"rij2c.jpg"[/img]
   </td>
   </tr>
  </table>
 </tr>
 <tr>
  <table border=0 cellspacing=0 cellpadding=0>
   <tr>
   <td>
   [img]"rij3a.jpg"[/img]
   </td>
   <td>
   <a href="grondslag.htm"><img border="0" name="pic2" src="rij3b.jpg" 
    alt="achtergrond" onmouseover="changepic2()" onmouseout="changepic2x()">
   </a></td>
   <td>
   [img]"rij3c.jpg"[/img]
   </td>
   </tr>
  </table>
 </tr>
 <tr>
  <table border=0 cellspacing=0 cellpadding=0>
   <tr>
   <td>
   [img]"rij4a.jpg"[/img]
   </td>
   <td>
   <a href="aanmelding.htm"><img border="0" name="pic3" src="rij4b.jpg" 
    alt="achtergrond" onmouseover="changepic3()" onmouseout="changepic3x()">
   </a></td>
   <td>
   [img]"rij4c.jpg"[/img]
   </td>
   </tr>
  </table>
 </tr>
 <tr>
  <td>
  [img]"rij5.jpg"[/img]
  </td>
 </tr>
 <tr>
  <table border=0 cellspacing=0 cellpadding=0>
   <tr>
   <td>
   [img]"rij6a.jpg"[/img]
   </td>
   <td>
   <a href="fotos.htm"><img border="0" name="pic4" src="rij6b.jpg" 
    alt="achtergrond" onmouseover="changepic4()" onmouseout="changepic4x()">
   </a></td>
   <td>
   [img]"rij6c.jpg"[/img]
   </td>
   </tr>
  </table>
 </tr>
</table>

</body>
</html>

Ik heb dat jullie me kunnen helpen..

maandag 19 april 2004 23:47

Acties:

Verwijderd

probeer het eens met align en valign :)

maandag 19 april 2004 23:49

Acties:
  • Thijsmans
  • Registratie: Juli 2001
  • Laatst online: 23:03

Thijsmans

⭐⭐⭐⭐⭐ (5/5)

Uit mijn hoofd zeg ik dat dat niet komt door de tabel zelf, maar door de plaatjes. Als je wil dat ze naadloos op elkaar aansluiten, moet je de img-tag zonder enters tussen de td-tags rossen:

code:
1

<td>[img]"..."></td[/img]


Is nl. een bekend probleem :)

Tip: gebruik tabellen niet voor opmaak, maar alleen voor het weergeven van gestructureerde informatie.

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.

dinsdag 20 april 2004 00:15

Acties:
  • Moons
  • Registratie: November 2002
  • Laatst online: 15-05 11:32

Moons

Topicstarter
Prammenhanger schreef op 19 april 2004 @ 23:49:
Uit mijn hoofd zeg ik dat dat niet komt door de tabel zelf, maar door de plaatjes. Als je wil dat ze naadloos op elkaar aansluiten, moet je de img-tag zonder enters tussen de td-tags rossen:

code:
1

<td>[img]"..."></td[/img]


Is nl. een bekend probleem :)

Tip: gebruik tabellen niet voor opmaak, maar alleen voor het weergeven van gestructureerde informatie.
Hoe kan ik het dan handiger doen ipv met een tabel?

dinsdag 20 april 2004 00:18

Acties:
  • Willem
  • Registratie: Februari 2001
  • Laatst online: 23:49

Willem

Spacing tussen tables zijn basic CSS problemen. Genoeg over te vinden. :)
Denk bij de oplossing aan border, padding, margin en border-collapse:collapse;

Motor (of auto) onderhoud bijhouden

dinsdag 20 april 2004 00:27

Acties:
  • Sendy
  • Registratie: September 2001
  • Niet online

Sendy

Ik zie helemaal geen probleem trouwens. Ik heb Mozilla 1.6.

Ik zie wel een konijntje dat maar half geel wordt. En de site is veel te groot. Ik heb bijna een halve pagina aan scrollbalk. [dat is horizontaal!]

En hij is te lief ;)

[ Voor 5% gewijzigd door Sendy op 20-04-2004 00:28 ]

dinsdag 20 april 2004 11:08

Acties:
  • CrashOne
  • Registratie: Juli 2000
  • Niet online

CrashOne

oOoOoOoOoOoOoOoOoOo

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

<script type="text/javascript" language="JavaScript">
function changepic1() {
document.pic1.src='rij2bx.jpg';
}
function changepic1x() {
document.pic1.src='rij2b.jpg';
}
function changepic2() {
document.pic2.src='rij3bx.jpg';
}
function changepic2x() {
document.pic2.src='rij3b.jpg';
}
function changepic3() {
document.pic3.src='rij4bx.jpg';
}
function changepic3x() {
document.pic3.src='rij4b.jpg';
}
function changepic4() {
document.pic4.src='rij6bx.jpg';
}
function changepic4x() {
document.pic4.src='rij6b.jpg';
}
</script>


:X

code:
1
2
3

function changePic(img, to){
document[img].src = to;
}

Huur mij in als freelance SEO consultant!

dinsdag 20 april 2004 11:39

Acties:
  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 16:31

Pelle

🚴‍♂️

Haal de spaties enzo weg uit je HTML, dat scheelt. En verder zou ik nog eens naar de toepassing van functies kijken, dat gaat je veel werk schelen als je dat wat beter doorkrijgt ;)
Pagina: 1

Dit topic is gesloten.