Tekst tussen p komt eronder te staan
ik heb een layout en ik wil nu mijn tekst tussen <p></p> tags zettten.
Ik heb nu deze 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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Travian - Meld je nu aan</title>
<style type="text/css">
body { width:900px; margin: 0 auto; }
div#header {width:901px; height:100px;}
div#logo { width: 600px; height:100px; background: url('images/logo.png') center top no-repeat; float:left; }
div#buttons {width: 901px; height: 30px;background:url('images/menubac.png') center top no-repeat;}
div#buttons ul {overflow: hidden; width: 100%; padding: 0; margin: 0;}
div#buttons ul li {height: 30px; float: left; width: 100px; display: inline;}
div#buttons ul li a {display: block; padding-top: 6px; text-decoration: none; text-align: center; color: white; font-size: 18px;}
div#content {width:901px; overflow: hidden;background: #f5f5f5;}
div#links {float:left; width:250px;}
div#links h1 {height:19px; width:250px; background:url('images/inhoudheader.png') center top no-repeat; font-size:0px;}
div#links p {font-size:12px;}
div#rechts {float:right; width:500px; background: url('images/statestiekenbac.png') center top no-repeat;}
div#inloggen {float:right;width:300px; height: 100px; background: url('images/inloggenbac.png') center top no-repeat; color:white;}
div#inloggen p {margin: 0; padding: 0; padding-left: 6px; padding-right: 6px; }
</style>
</head>
<body>
<!-- Header div -->
<div id="header">
<!-- Logo header -->
<div id="logo"></div>
<div id="inloggen"></div>
</div>
<!--Menu buttons -->
<div id="buttons">
<ul>
<li><a href="lol">Hoi</a></li>
<li><a href="lol">Hoi</a></li>
<li><a href="lol">Hoi</a></li>
<li><a href="lol">Hoi</a></li>
<li><a href="lol">Hoi</a></li>
</ul>
</div>
<!-- Tussenbalk -->
<div id="content">
<!-- Content -->
<div id="links">
<h1></h1>
<p>
<!-- Linkermenu tekst -->
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi
lobortis aliquet lorem. Mauris purus. Aliquam justo dui, imperdiet
eget, vulputate dignissim, rutrum eu, odio. Morbi fermentum neque at
diam auctor aliquet. Maecenas rhoncus viverra elit. Praesent porta
porttitor nibh. Mauris lorem nisl, vehicula blandit, posuere feugiat,
vulputate in, augue. Mauris ut diam sed lacus rutrum elementum.
Phasellus augue mauris, commodo sed, congue vitae, lacinia et, purus.
Phasellus posuere vulputate urna. Quisque adipiscing, mi id congue
imperdiet, augue massa luctus eros, ac iaculis felis dui ac mauris.
Phasellus elit dui, volutpat non, commodo a, ullamcorper et, tortor.
Praesent vestibulum laoreet risus. Vivamus sed dolor a dui interdum
luctus. Nulla ligula orci, consectetuer nec, egestas et, ultrices
ullamcorper, risus. Vestibulum mauris ipsum, iaculis non, venenatis
vitae, sagittis eu, elit. Praesent posuere ligula ut nulla. Sed
faucibus blandit orci. Donec eget lorem id neque porttitor dignissim.
Etiam convallis lorem sit amet ipsum. Aliquam nec ligula. Nullam ligula
</p>
</div>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Travian - Meld je nu aan</title>
<style type="text/css">
body { width:900px; margin: 0 auto; }
div#header {width:901px; height:100px;}
div#logo { width: 600px; height:100px; background: url('images/logo.png') center top no-repeat; float:left; }
div#buttons {width: 901px; height: 30px;background:url('images/menubac.png') center top no-repeat;}
div#buttons ul {overflow: hidden; width: 100%; padding: 0; margin: 0;}
div#buttons ul li {height: 30px; float: left; width: 100px; display: inline;}
div#buttons ul li a {display: block; padding-top: 6px; text-decoration: none; text-align: center; color: white; font-size: 18px;}
div#content {width:901px; overflow: hidden;background: #f5f5f5;}
div#links {float:left; width:250px;}
div#links h1 {height:19px; width:250px; background:url('images/inhoudheader.png') center top no-repeat; font-size:0px;}
div#links p {font-size:12px;}
div#rechts {float:right; width:500px; background: url('images/statestiekenbac.png') center top no-repeat;}
div#inloggen {float:right;width:300px; height: 100px; background: url('images/inloggenbac.png') center top no-repeat; color:white;}
div#inloggen p {margin: 0; padding: 0; padding-left: 6px; padding-right: 6px; }
</style>
</head>
<body>
<!-- Header div -->
<div id="header">
<!-- Logo header -->
<div id="logo"></div>
<div id="inloggen"></div>
</div>
<!--Menu buttons -->
<div id="buttons">
<ul>
<li><a href="lol">Hoi</a></li>
<li><a href="lol">Hoi</a></li>
<li><a href="lol">Hoi</a></li>
<li><a href="lol">Hoi</a></li>
<li><a href="lol">Hoi</a></li>
</ul>
</div>
<!-- Tussenbalk -->
<div id="content">
<!-- Content -->
<div id="links">
<h1></h1>
<p>
<!-- Linkermenu tekst -->
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi
lobortis aliquet lorem. Mauris purus. Aliquam justo dui, imperdiet
eget, vulputate dignissim, rutrum eu, odio. Morbi fermentum neque at
diam auctor aliquet. Maecenas rhoncus viverra elit. Praesent porta
porttitor nibh. Mauris lorem nisl, vehicula blandit, posuere feugiat,
vulputate in, augue. Mauris ut diam sed lacus rutrum elementum.
Phasellus augue mauris, commodo sed, congue vitae, lacinia et, purus.
Phasellus posuere vulputate urna. Quisque adipiscing, mi id congue
imperdiet, augue massa luctus eros, ac iaculis felis dui ac mauris.
Phasellus elit dui, volutpat non, commodo a, ullamcorper et, tortor.
Praesent vestibulum laoreet risus. Vivamus sed dolor a dui interdum
luctus. Nulla ligula orci, consectetuer nec, egestas et, ultrices
ullamcorper, risus. Vestibulum mauris ipsum, iaculis non, venenatis
vitae, sagittis eu, elit. Praesent posuere ligula ut nulla. Sed
faucibus blandit orci. Donec eget lorem id neque porttitor dignissim.
Etiam convallis lorem sit amet ipsum. Aliquam nec ligula. Nullam ligula
</p>
</div>
De rest daaronder is even niet van toepassing. Weet iemand misschien hoe dit komt?
Oke, hier de link: http://84.81.112.217/travian/layout, misschien dat dat helpt :)
Alvast bedankt,
Arthur
Quote:
De rest daaronder is even niet van toepassing. Weet iemand misschien hoe dit komt?
Hoe wat komt?
Quote:
Sorry, vergeten te zeggen, excuses.
Het probleem is dat de tekst een stuk onder die oranje dingen komt en dat wil ik niet. Weet iemand hoe ik dat kan oplossen?
Het probleem is dat de tekst een stuk onder die oranje dingen komt en dat wil ik niet. Weet iemand hoe ik dat kan oplossen?
Quote:
Het probleem is dat de tekst een stuk onder die oranje dingen komt
Waar moet hij dan komen? Specifieker, please.
Het gaat om de grote latijnse tekst. Die staat een stuk onder de h1, terwijl hij er gelijk recht onder moet staan.
Er zit een grote ruimte tussen, een ruimte die ik niet wil.
Weet je misschien waarom dat gebeurt?
Waarom moet het tussen die <p> staan dan?