Krijg de laatste 3 <p> niet netjes in de article
Ik krijg de laatste 3 paragrafen niet in het article gedeelte... Heeft er iemand een idee?
Groeten
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
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
<html>
<head>
<title>Voorbeeld club weergave</title>
</head>
<style>
*{
margin: 0px;
padding: 0px;
}
article {
background-color: grey;
width: 960px;
clear: both;
margin: 0 auto;
}
#clubname {
background-color: none;
width: 960px;
float: left;
}
#clublogo {
background-color: black;
color: white;
float: right;
width: 450px;
height: 200px;
}
address{
background-color: blue;
display: inline;
float: left;
width: 510px;
}
#online-media {
background-color: yellow;
display: inline-block;
}
#clubinfo {
background-color: none;
display: inline-block;
}
#schedule {
background-color: none;
width: 33%;
float: left;
display: inline-block;
}
#schedule-history {
background-color: green;
width: 33%;
float: right;
display: inline-block;
}
#dj-history {
background-color: brown;
width: 33%;
float: right;
display: inline-block;
}
</style>
<body>
<article>
<h1 id="clubname">Club Nightlife</h1>
<div id="clublogo"> Logo </div>
<address>
Verzonnen 3g<br />
1234AB Rotterdam<br />
0612345678<br />
[email protected]
</address>
<p id="online-media">
www.facebook.com<br/>
www.twitter.com<br />
www.website.eu<br />
www.hyves.nl<br />
</p>
<p id="clubinfo">
Morbi tempus vel purus id adipiscing. Vivamus ullamcorper lectus vitae erat interdum luctus. Fusce elementum odio ipsum, ut laoreet ipsum blandit sed. Etiam dignissim est ipsum. Aliquam lacinia ipsum nisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vitae facilisis arcu. In ut blandit mi. Vivamus congue est quis sagittis consectetur. Nunc condimentum ante nec nunc luctus convallis. Cras hendrerit leo posuere, egestas leo at, ornare arcu. Nam scelerisque volutpat ornare. Praesent vitae feugiat magna.
</p>
<p id="schedule">Agenda</p>
<p id="schedule-history">Agenda History</p>
<p id="dj-history">DJ History</p>
</article>
</body>
</html>
<head>
<title>Voorbeeld club weergave</title>
</head>
<style>
*{
margin: 0px;
padding: 0px;
}
article {
background-color: grey;
width: 960px;
clear: both;
margin: 0 auto;
}
#clubname {
background-color: none;
width: 960px;
float: left;
}
#clublogo {
background-color: black;
color: white;
float: right;
width: 450px;
height: 200px;
}
address{
background-color: blue;
display: inline;
float: left;
width: 510px;
}
#online-media {
background-color: yellow;
display: inline-block;
}
#clubinfo {
background-color: none;
display: inline-block;
}
#schedule {
background-color: none;
width: 33%;
float: left;
display: inline-block;
}
#schedule-history {
background-color: green;
width: 33%;
float: right;
display: inline-block;
}
#dj-history {
background-color: brown;
width: 33%;
float: right;
display: inline-block;
}
</style>
<body>
<article>
<h1 id="clubname">Club Nightlife</h1>
<div id="clublogo"> Logo </div>
<address>
Verzonnen 3g<br />
1234AB Rotterdam<br />
0612345678<br />
[email protected]
</address>
<p id="online-media">
www.facebook.com<br/>
www.twitter.com<br />
www.website.eu<br />
www.hyves.nl<br />
</p>
<p id="clubinfo">
Morbi tempus vel purus id adipiscing. Vivamus ullamcorper lectus vitae erat interdum luctus. Fusce elementum odio ipsum, ut laoreet ipsum blandit sed. Etiam dignissim est ipsum. Aliquam lacinia ipsum nisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vitae facilisis arcu. In ut blandit mi. Vivamus congue est quis sagittis consectetur. Nunc condimentum ante nec nunc luctus convallis. Cras hendrerit leo posuere, egestas leo at, ornare arcu. Nam scelerisque volutpat ornare. Praesent vitae feugiat magna.
</p>
<p id="schedule">Agenda</p>
<p id="schedule-history">Agenda History</p>
<p id="dj-history">DJ History</p>
</article>
</body>
</html>
Gewijzigd op 30/06/2013 20:48:47 door Donny Wie weet
