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
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>test</title>
<style type="text/css">
html {
margin: 0;
padding: 0;
height: 100%;
background: white;
}
body {
position: relative;
min-height: 100%;
width: 975px;
background: gray;
margin: 0;
padding: 0;
}
#header {
width: 975px;
height: 85px;
background: blue;
}
#column {
float: right;
width: 125px;
background: red;
min-height: 500px;
}
#content {
margin: 0 125px 0 125px;
padding: 10px;
width: 705px;
min-height: 480px;
}
#menu {
float: left;
background: red;
margin: 0;
padding: 10px;
width: 105px;
min-height: 480px;
list-style: none;
}
p { margin: 10px 0; }
</style>
<!--[if lt IE 7]>
<style type="text/css">
body { height: 100%; }
#column { height: 500px; }
#menu, #content { height: 480px; }
#content { float: left; margin: 0; }
</style>
<![endif]-->
</head>
<body>
<div id="header"></div>
<ul id="menu">
<li><a href="#">link1</a></li>
<li><a href="#">link1</a></li>
<li><a href="#">link1</a></li>
<li><a href="#">link1</a></li>
</ul>
<div id="column"></div>
<div id="content">
<h3 style="margin: 0;">test</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla quis nibh. Fusce condimentum diam. Sed ligula. Proin fringilla sem ac risus. Ut ac justo quis risus tempor imperdiet. Aliquam nisl. Sed bibendum. Curabitur sem. Nulla consectetuer nunc eget sapien. Nunc posuere justo. Integer sodales accumsan sem. Cras id nisl eget leo sagittis tempor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas rutrum. Ut orci est, ultrices eu, molestie non, congue id, magna. Aliquam est risus, euismod vel, mollis eu, varius sit amet, quam. Aliquam enim dolor, ornare sed, gravida eu, tempor et, turpis.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla quis nibh. Fusce condimentum diam. Sed ligula. Proin fringilla sem ac risus. Ut ac justo quis risus tempor imperdiet. Aliquam nisl. Sed bibendum. Curabitur sem. Nulla consectetuer nunc eget sapien. Nunc posuere justo. Integer sodales accumsan sem. Cras id nisl eget leo sagittis tempor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas rutrum. Ut orci est, ultrices eu, molestie non, congue id, magna. Aliquam est risus, euismod vel, mollis eu, varius sit amet, quam. Aliquam enim dolor, ornare sed, gravida eu, tempor et, turpis.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla quis nibh. Fusce condimentum diam. Sed ligula. Proin fringilla sem ac risus. Ut ac justo quis risus tempor imperdiet. Aliquam nisl. Sed bibendum. Curabitur sem. Nulla consectetuer nunc eget sapien. Nunc posuere justo. Integer sodales accumsan sem. Cras id nisl eget leo sagittis tempor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas rutrum. Ut orci est, ultrices eu, molestie non, congue id, magna. Aliquam est risus, euismod vel, mollis eu, varius sit amet, quam. Aliquam enim dolor, ornare sed, gravida eu, tempor et, turpis.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla quis nibh. Fusce condimentum diam. Sed ligula. Proin fringilla sem ac risus. Ut ac justo quis risus tempor imperdiet. Aliquam nisl. Sed bibendum. Curabitur sem. Nulla consectetuer nunc eget sapien. Nunc posuere justo. Integer sodales accumsan sem. Cras id nisl eget leo sagittis tempor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas rutrum. Ut orci est, ultrices eu, molestie non, congue id, magna. Aliquam est risus, euismod vel, mollis eu, varius sit amet, quam. Aliquam enim dolor, ornare sed, gravida eu, tempor et, turpis.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla quis nibh. Fusce condimentum diam. Sed ligula. Proin fringilla sem ac risus. Ut ac justo quis risus tempor imperdiet. Aliquam nisl. Sed bibendum. Curabitur sem. Nulla consectetuer nunc eget sapien. Nunc posuere justo. Integer sodales accumsan sem. Cras id nisl eget leo sagittis tempor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas rutrum. Ut orci est, ultrices eu, molestie non, congue id, magna. Aliquam est risus, euismod vel, mollis eu, varius sit amet, quam. Aliquam enim dolor, ornare sed, gravida eu, tempor et, turpis.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla quis nibh. Fusce condimentum diam. Sed ligula. Proin fringilla sem ac risus. Ut ac justo quis risus tempor imperdiet. Aliquam nisl. Sed bibendum. Curabitur sem. Nulla consectetuer nunc eget sapien. Nunc posuere justo. Integer sodales accumsan sem. Cras id nisl eget leo sagittis tempor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas rutrum. Ut orci est, ultrices eu, molestie non, congue id, magna. Aliquam est risus, euismod vel, mollis eu, varius sit amet, quam. Aliquam enim dolor, ornare sed, gravida eu, tempor et, turpis.</p>
</div>
</body>
</html> |
:strip_icc():strip_exif()/u/107348/av.jpg?f=community)
(edit: zie dat zeildude dit ook al opmerkt) Ik zal je zo een duwtje in de goede richting geven door een eenvoudige pagina te geven die qua layout ongeveer overeenkomt met die van jou, maar dan bewerkstelligt is dmv html en css.
:strip_exif()/u/50656/andre-scholten-avatar.gif?f=community){kind=avatar}
/u/16790/dirkjan-got.JPG?f=community)