Content Stretch
Voor mijn probleem is waarschijnlijk een hele makkelijke oplossing.
Ik kom er alleen zelf niet uit.
ik heb de volgende code
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
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
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
<html>
<head>
<title>-</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="include/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="center">
<center>
<table id="layout" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5" background="images/index_01.jpg" width="800" height="20" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2" background="images/index_02.jpg" width="252" height="111" alt=""></td>
<td background="images/index_03.jpg" width="380" height="87" alt=""></td>
<td rowspan="2" background="images/index_04.jpg" width="168" height="111" alt=""></td>
</tr>
<tr>
<td background="images/index_05.jpg" width="380" height="24" alt=""></td>
</tr>
<tr>
<td colspan="2" background="images/index_06.jpg" width="174" height="25" alt=""></td>
<td colspan="3" rowspan="10" background="images/index_07.jpg" class="content" width="626" height="100%" alt="">
<div id="pages">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque at ipsum vitae enim mollis rutrum sit amet in dolor. Duis lobortis molestie iaculis. Proin turpis justo, eleifend a imperdiet id, accumsan in mauris. Nunc sit amet neque neque. Etiam ultricies luctus consequat. In hac habitasse platea dictumst. Integer mattis augue ante, a venenatis nibh. Donec quam felis, tempus non rutrum vel, euismod in eros. Nulla facilisi. Vivamus at dolor nec magna malesuada pulvinar a eu nisl. Sed justo nisl, cursus id ultrices et, condimentum vitae neque. Duis condimentum, lacus eget egestas mollis, lectus lorem scelerisque massa, vel scelerisque turpis turpis eu nisl. Maecenas lacus arcu, lobortis in posuere vel, faucibus quis dui.
Donec tempor laoreet varius. Morbi vitae tellus tellus, quis volutpat ante. Nam egestas euismod rhoncus. Fusce consectetur massa non eros bibendum ultrices. Nullam a nisi non purus rhoncus luctus ac non erat. Cras fermentum sapien et ipsum vestibulum vestibulum. Proin elit nisi, pharetra non pellentesque nec, dictum in odio. Donec vitae metus sapien. Phasellus eu ante ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
</td>
</tr>
<tr>
<td rowspan="7" background="images/index_08.jpg" width="11" height="191" alt=""></td>
<td>
<a href="" ><img src="images/home.jpg" width="163" height="28" alt=""></a></td>
</tr>
<tr>
<td>
<a href="#"><img src="images/praktijk.jpg" width="163" height="29" alt=""></a></td>
</tr>
<tr>
<td>
<a href="#"><img src="images/fysio.jpg" width="163" height="26" alt=""></a></td>
</tr>
<tr>
<td>
<a href="#"><img src="images/route.jpg" width="163" height="25" alt=""></a></td>
</tr>
<tr>
<td>
<a href="#"><img src="images/links.jpg" width="163" height="25" alt=""></a></td>
</tr>
<tr>
<td>
<a href="#"><img src="images/contact.jpg" width="163" height="25" alt=""></a></td>
</tr>
<tr>
<td background="images/index_15.jpg" width="163" height="33" alt=""></td>
</tr>
<tr>
<td colspan="2" background="images/index_16.jpg" width="174" height="77" alt=""></td>
</tr>
<tr>
<td colspan="2" background="images/index_17.jpg" width="174" height="176" alt=""></td>
</tr>
<tr>
<td background="images/spacer.gif" width="11" height="1" alt=""></td>
<td background="images/spacer.gif" width="163" height="1" alt=""></td>
<td background="images/spacer.gif" width="78" height="1" alt=""></td>
</tr>
</table>
</center>
</div>
</body>
</html>
<head>
<title>-</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="include/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="center">
<center>
<table id="layout" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5" background="images/index_01.jpg" width="800" height="20" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2" background="images/index_02.jpg" width="252" height="111" alt=""></td>
<td background="images/index_03.jpg" width="380" height="87" alt=""></td>
<td rowspan="2" background="images/index_04.jpg" width="168" height="111" alt=""></td>
</tr>
<tr>
<td background="images/index_05.jpg" width="380" height="24" alt=""></td>
</tr>
<tr>
<td colspan="2" background="images/index_06.jpg" width="174" height="25" alt=""></td>
<td colspan="3" rowspan="10" background="images/index_07.jpg" class="content" width="626" height="100%" alt="">
<div id="pages">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque at ipsum vitae enim mollis rutrum sit amet in dolor. Duis lobortis molestie iaculis. Proin turpis justo, eleifend a imperdiet id, accumsan in mauris. Nunc sit amet neque neque. Etiam ultricies luctus consequat. In hac habitasse platea dictumst. Integer mattis augue ante, a venenatis nibh. Donec quam felis, tempus non rutrum vel, euismod in eros. Nulla facilisi. Vivamus at dolor nec magna malesuada pulvinar a eu nisl. Sed justo nisl, cursus id ultrices et, condimentum vitae neque. Duis condimentum, lacus eget egestas mollis, lectus lorem scelerisque massa, vel scelerisque turpis turpis eu nisl. Maecenas lacus arcu, lobortis in posuere vel, faucibus quis dui.
Donec tempor laoreet varius. Morbi vitae tellus tellus, quis volutpat ante. Nam egestas euismod rhoncus. Fusce consectetur massa non eros bibendum ultrices. Nullam a nisi non purus rhoncus luctus ac non erat. Cras fermentum sapien et ipsum vestibulum vestibulum. Proin elit nisi, pharetra non pellentesque nec, dictum in odio. Donec vitae metus sapien. Phasellus eu ante ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
</td>
</tr>
<tr>
<td rowspan="7" background="images/index_08.jpg" width="11" height="191" alt=""></td>
<td>
<a href="" ><img src="images/home.jpg" width="163" height="28" alt=""></a></td>
</tr>
<tr>
<td>
<a href="#"><img src="images/praktijk.jpg" width="163" height="29" alt=""></a></td>
</tr>
<tr>
<td>
<a href="#"><img src="images/fysio.jpg" width="163" height="26" alt=""></a></td>
</tr>
<tr>
<td>
<a href="#"><img src="images/route.jpg" width="163" height="25" alt=""></a></td>
</tr>
<tr>
<td>
<a href="#"><img src="images/links.jpg" width="163" height="25" alt=""></a></td>
</tr>
<tr>
<td>
<a href="#"><img src="images/contact.jpg" width="163" height="25" alt=""></a></td>
</tr>
<tr>
<td background="images/index_15.jpg" width="163" height="33" alt=""></td>
</tr>
<tr>
<td colspan="2" background="images/index_16.jpg" width="174" height="77" alt=""></td>
</tr>
<tr>
<td colspan="2" background="images/index_17.jpg" width="174" height="176" alt=""></td>
</tr>
<tr>
<td background="images/spacer.gif" width="11" height="1" alt=""></td>
<td background="images/spacer.gif" width="163" height="1" alt=""></td>
<td background="images/spacer.gif" width="78" height="1" alt=""></td>
</tr>
</table>
</center>
</div>
</body>
</html>
Nou ben ik al niet zo'n ster in html, de <td> met de Lorum Ipsum text erin is voor de content, nou wil ik zorgen dat die stretcht, maar het menu moet zo blijven, mijn vraag, weten jullie hier iets voor, als je meer informatie nodig hebt hoor ik het graag.
Gewijzigd op 15/06/2010 17:16:14 door Yordi B
Gooi dit script van je computer en maak hem opnieuw met div's en css, een tabel is hier namelijk niet voor.
Ik adviseer je alle hoogtes breedtes en dergelijk allemaal in je style.css bestand te zetten en daarbij te kijken naar de text-align, vertical-align.
Edit:
Het is inderdaad wat Milo zegt. in principe probeer je altijd zoveel mogelijk tabellen en div's uit elkaar te houden.
Het is inderdaad wat Milo zegt. in principe probeer je altijd zoveel mogelijk tabellen en div's uit elkaar te houden.
Gewijzigd op 15/06/2010 17:32:18 door Bas IJzelendoorn
dan ga ik weer aan de slag met div's