div Tabel
Hallo,
Ik heb gehoord dat je met divs ook een ' tabel ' kan maken, dus ik zou mijn tabellen willen vervangen door div tabellen omdat deze sneller schijnen te laden.
Ik heb 1 probleem, hoe moet ik dit doen? Ik heb de volgende tabel:
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<table border="1"> <tr> <td>Hoi</td> <td>Hallo</td> </tr> <tr> <td>Doei</td> <td>Doeg</td> </tr> </table>
Alvast bedankt
Omdat ik div's nog niet zo goed door heb xD maar bedankt ik zal het even uitproberen
Suma schreef:
Omdat ik div's nog niet zo goed door heb xD maar bedankt ik zal het even uitproberen
Omdat ik div's nog niet zo goed door heb xD maar bedankt ik zal het even uitproberen
die div. was gewoon ff voorbeeld van hoe je hem gebruikt,
het doet niet hetzelfde als jouw tabel 
Christan schreef:
[...]
[...]
die div. was gewoon ff voorbeeld van hoe je hem gebruikt,
het doet niet hetzelfde als jouw tabel
nee idd
ik d8 al wat de neuk
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
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
<html>
<head>
<title>Div test</title>
<style type="text/css">
<!--
.tekst {
background-color: #FFFFFF;
color: #000000;
position: absolute;
top: 10px;
left: 20px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
-->
</style>
</head>
<body bgcolor="#ebebeb">
<div class="tekst">Hoi</div><BR>
<div class="tekst">Hallo</div><BR>
<div class="tekst">Doei</div><BR>
<div class="tekst">Doeg</div><BR>
</body>
</html>had ik nu en dat werkt niet echt
Zou je me kunnen helpen?
Tildo schreef:
Suma, ik wil je wel helpen.. Vraag gewoon op msn
Suma, ik wil je wel helpen.. Vraag gewoon op msn
Het zou toch handig zijn als je dat hier zou zeggen
. Wil het ook namelijk wel weten
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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ghallo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
background: #ffffff;
margin: 1px 0;
text-align: center;
}
#container {
width: 800px;
margin: 0 auto;
}
#boven {
background-image: url(boven.gif);
width: 800px;
}
#middel {
background-image: url(middel.gif);
width: 800px;
padding-top: 1px;
}
#onder {
background-image: url(onder.gif);
width: 800px;
margin-top: 1px;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="boven">boven</div>
<div id="middel">middel</div>
<div id="onder">onder</div>
</div>
</body>
</html>pas maar aan ofzow
dit is wel simpel uiteraard.
[Laatst bewerkt door Tildo op donderdag 1 februari 2007, om 19:30]
Tildo schreef:
[...]
pas maar aan ofzow
dit is wel simpel uiteraard.
[...]
pas maar aan ofzow
dit is wel simpel uiteraard.
Dat is het niet echt helemaal
Christian heeft me aan deze code geholpen:
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
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
<html>
<head>
<title>Div test</title>
<style type="text/css">
<!--
.links {
float: left;
width: 80px;
border-bottom: 1px solid #000000;
}
.rechts {
float: left;
width: 80px;
left: 10px;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
}
.tekst {
border-top: 1px solid #000000;
border-left: 1px solid #000000;
width: 80px;
text-align: center;
}
-->
</style>
</head>
<body bgcolor="#ebebeb">
<div class="links"><div class="tekst">Hoi</div><div class="tekst">Hallo</div></div>
<div class="rechts"><div class="tekst">Doei</div><div class="tekst">Doeg</div></div>
</body>
</html> Ik denk ook dat dit de beste manier is of niet? Als iemand een verbetering heeft mag hij het gerust melden
(Maar ik denkt dat dit al de beste code is
)
Misschien valt dit onder reclame, maar ik heb r-websites.nl in css gezet.
Er komen bijna geen tables in voor, alleen die van het nieuws.
Wat overigens ook in css zou kunnen, maar daar ben ik te lui voor
Dit is de code, en het voorbeeld zie je dus op de site.
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
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
body
{
background-color: #2e2e2e;
overflow: -moz-scrollbars-vertical;
}
hr
{
border: 1px dotted #2e2e2e;
}
input
{
margin-top: 3px;
background-color: #2e2e2e;
font-family : veranda;
font-size : 11px;
color: #FFFFFF;
border: solid 1px #FFFFFF;
}
textarea
{
margin-top: 3px;
background-color: #2e2e2e;
font-family : veranda;
font-size : 11px;
color: #FFFFFF;
border: solid 1px #FFFFFF;
}
#header
{
background-image: url(images/header.gif);
width: 50%;
height: 61px;
border: solid 1px #FFFFFF;
}
#logo
{
float: left;
background-image: url(images/logo.gif);
width: 254px;
height: 61px;
}
#menu
{
background-image: url(images/menu.gif);
width: 50%;
height: 20px;
border: 1px solid #FFFFFF;
}
#container
{
background-color: #1e1e1e;
width: 50%;
height: auto;
border: solid 1px #FFFFFF;
}
.container
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 20px;
text-align: left;
}
.footer
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999999;
padding-bottom: 2px;
}
.menu
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
margin-top: 2px;
}
.menu a:link, .menu a:visited, .menu a:link, .menu a:link
{
color: #FFFFFF;
text-decoration: none;
}
.menu A:hover {
COLOR: #66FF00;
}
a:link, a:visited, a:link, a:link
{
color: #FFFFFF;
text-decoration: underline;
}
A:hover {
COLOR: #66FF00;
}Wat ik doe is:
Ik expirimenteer wat, kijken of het klopt, en dan veranderen tot het goed is
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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ghallo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
background: #ffffff;
margin: 1px 0;
text-align: center;
}
#container {
width: 800px;
margin: 0 auto;
}
#1 {
background-color: #006600;
float: left;
}
#2 {
background-color: #009900;
float: right;
}
#container2 {
width: 800px;
margin: 0 auto;
}
#3 {
background-color: #00CC00;
float: left;
}
#4 {
background-color: #00FF00;
float: right;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="1"></div>
<div id="2">2</div>
</div>
<div id="container2">
<div id="3">3</div>
<div id="4">4</div>
</div>
</body>
</html>volgens mij mooier
@ spunk: je moet gewoon logisch nadenken..
[Laatst bewerkt door Tildo op donderdag 1 februari 2007, om 19:52]
Tildo schreef:
[...]
volgens mij mooier
@ spunk: je moet gewoon logisch nadenken..
[...]
volgens mij mooier
@ spunk: je moet gewoon logisch nadenken..
Uhm.. dat is niet wat ik zoek, dit is alles onder elkaar + er zijn geen borders
Hier heb je een simpel alternatief op je gegeven script:
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
<style>
#1, #2, #3, #4 { float:left; border: 1px dashed black; overflow:hidden; }
#1, #3 { width: 30px; }
#2, #4 { width: 60px; }
</style>
<div id="1">blaaaaat</div><div id="2">2</div>
<br clear="both" />
<div id="3">3</div><div id="4">4</div>Getest in Opera, niet zeiken
iisys schreef:
Hier heb je een simpel alternatief op je gegeven script:
Hier heb je een simpel alternatief op je gegeven script:
[...]
Getest in Opera, niet zeiken
>_< Opera en IE vinden hem wel lief maar Firefox niet>_<
Firefox zeikt weer over de cijfer als id-namen hoor 
Zo dan 
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
<style>
#one, #two, #three, #four { float:left; border: 1px dashed black; overflow:hidden; }
#one, #three { width: 30px; }
#two, #four { width: 60px; }
</style>
<div id="one">blaaaaat</div><div id="two">2</div>
<br clear="both" />
<div id="three">3</div><div id="four">4</div>
