lay-out verspringt
In de klassestijl heb ik enkel het lettertype, grootte en kleur veranderd. Ook als ik een afbeelding toevoeg, verspringt de lay-out. Hoe komt dit?
Hier de broncodes:
Code (php)
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
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
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>
<link href="globaal_lisevanlerberghe.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="780" border="0" align="center">
<tr>
<th colspan="6"><img src="images/banner_lisesite2.jpg" width="780" height="100" alt="lise" /></th>
</tr>
<tr>
<th><div align="center" class="menuutje">
<p class="menuutje"><a href="animatiefilm.html" class="menuutje">Animatiefilm </a></p>
</div></th>
<td><div align="center" class="menuutje">Illustraties</div></td>
<td><div align="center" class="menuutje"><a href="cartoons.html" class="menuutje">cartoons</a></div></td>
<td><div align="center" class="menuutje">strips</div></td>
<td><div align="center" class="menuutje">links</div></td>
<td><div align="center" class="menuutje"><a href="contact.html">contact</a></div></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>
<link href="globaal_lisevanlerberghe.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.WOORD {
font-family: Tahoma, Geneva, sans-serif;
font-size: 24px;
color: #C00;
}
-->
</style>
</head>
<body>
<table width="780" border="0" align="center">
<tr>
<td colspan="6"><img src="images/banner_lisesite2.jpg" width="780" height="100" alt="lise" /></td>
</tr>
<tr>
<td><div align="center" class="menuutje">
<p class="menuutje"><a href="animatiefilm.html" class="menuutje">Animatiefilm </a></p>
</div></td>
<td><div align="center" class="menuutje">Illustraties</div></td>
<td><div align="center" class="menuutje"><a href="cartoons.html" class="menuutje">cartoons</a></div></td>
<td><div align="center" class="menuutje">strips</div></td>
<td><div align="center" class="menuutje">links</div></td>
<td><div align="center" class="menuutje"><a href="contact.html">contact</a></div></td>
</tr>
</table>
<p class="WOORD">Lise <strong>V</strong>anlerberghe<br />
<strong>F</strong>uchsiastraat <strong>9</strong><br />
<strong>9000 G</strong>ent</p>
<p><a href="mailto:[email protected]" class="WOORD">mail</a></p>
<p> </p>
<p> </p>
</body>
</html>
[/CODE]
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>
<link href="globaal_lisevanlerberghe.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="780" border="0" align="center">
<tr>
<th colspan="6"><img src="images/banner_lisesite2.jpg" width="780" height="100" alt="lise" /></th>
</tr>
<tr>
<th><div align="center" class="menuutje">
<p class="menuutje"><a href="animatiefilm.html" class="menuutje">Animatiefilm </a></p>
</div></th>
<td><div align="center" class="menuutje">Illustraties</div></td>
<td><div align="center" class="menuutje"><a href="cartoons.html" class="menuutje">cartoons</a></div></td>
<td><div align="center" class="menuutje">strips</div></td>
<td><div align="center" class="menuutje">links</div></td>
<td><div align="center" class="menuutje"><a href="contact.html">contact</a></div></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>
<link href="globaal_lisevanlerberghe.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.WOORD {
font-family: Tahoma, Geneva, sans-serif;
font-size: 24px;
color: #C00;
}
-->
</style>
</head>
<body>
<table width="780" border="0" align="center">
<tr>
<td colspan="6"><img src="images/banner_lisesite2.jpg" width="780" height="100" alt="lise" /></td>
</tr>
<tr>
<td><div align="center" class="menuutje">
<p class="menuutje"><a href="animatiefilm.html" class="menuutje">Animatiefilm </a></p>
</div></td>
<td><div align="center" class="menuutje">Illustraties</div></td>
<td><div align="center" class="menuutje"><a href="cartoons.html" class="menuutje">cartoons</a></div></td>
<td><div align="center" class="menuutje">strips</div></td>
<td><div align="center" class="menuutje">links</div></td>
<td><div align="center" class="menuutje"><a href="contact.html">contact</a></div></td>
</tr>
</table>
<p class="WOORD">Lise <strong>V</strong>anlerberghe<br />
<strong>F</strong>uchsiastraat <strong>9</strong><br />
<strong>9000 G</strong>ent</p>
<p><a href="mailto:[email protected]" class="WOORD">mail</a></p>
<p> </p>
<p> </p>
</body>
</html>
[/CODE]
Gewijzigd op 01/01/1970 01:00:00 door Siese A
ehm we hebben meer aan css, code en voorbeeld..
Gewijzigd op 01/01/1970 01:00:00 door Niels K
Zowiezo hoor je je site niet met tabellen te maken maar met divs en css... dus als je dan eerst dit leert dan kan je daarna simpel een site bouwen, de duur van het basic leren van css kan in 1 dag gebeurt zijn en het is de moeite waard..
Ik volg een cursus dreamweaver en daar zagen we hoe je een site opmaakt met tabellen, niet zo goed dus.
Toch wel ik wel nog eens weten waarom het verspringt?
Is het misschien zo dat de op de 2e pagina meer informatie staat dan op de 1e? dan zou het nog zo kunnen zijn dat hij op één pagina geen Scrollbar heeft en op de andere wel snap je...
overflow: scroll;
dan verspringt hij niet meer..