Object plaatsen lukt niet.
www.teamcrafted.tk. De bollen met kleuren op die plaats plaatsen met daarnaast mijn tekstvak maar dit blijkt niet te lukken.
Kan iemand me helpen?
Christophe
new.css
index.php
header.php
Ik wil zo als je ziet op mijn website Kan iemand me helpen?
Christophe
new.css
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
106
107
108
109
110
111
112
113
114
115
116
117
118
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
106
107
108
109
110
111
112
113
114
115
116
117
118
body { margin: 0px; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; }
/* PAGE TOP */
#pageTop {
background:url(/images/Header.png) repeat-x;
height: 90px;
}
#pageTop > #pageTopWrap {
width: 1000px;
margin: 0px auto;
height: 90px;
}
#pageTop > #pageTopWrap > #pageTopLogo {
float: left;
height: 90px;
width: 108px;
}
#pageTop > #pageTopWrap > #pageTopRest {
float: left;
height: 90px;
width: 892px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 {
height: 44px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 > div {
margin-top: 8px;
padding: 4px;
text-align:right;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 > div > a {
color: #CCC;
text-decoration: none;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 > div > a:hover {
color: #C0E73D;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 {
height: 44px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div {
margin-top: 2px;
padding: 4px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div > a {
display: block;
float: left;
color:#CCC;
text-decoration: none;
margin: 0px 16px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div > a:hover {
color: #C0E73D;
}
/* PAGE MIDDLE */
#pageMiddle{
width: 1000px;
margin: 0px auto;
height: 30px;
}
/* PAGE BOTTOM */
/* #pageBottom{
background: #666;
padding: 24px;
font-size: 12px;
color: #CCC;
text-align: center;
position: fixed;
bottom: 0px;
width: 100%;
} */
.widgets {
background-image:url(/images/widgets.png);
background-repeat:repeat-y;
height: 535px;
position: fixed;
bottom: 0px;
left: 0px;
}
.content {
width: 750px;
margin: 0px auto;
height: 0px;
}
h1 {
font-family: helvetica;
}
.Crafting_Table {
background-image:url(/images/Crafting_Table.jpg);
}
.Crafting {
margin-top:10px;
margin-left: 500px;
margin-right:250px;
}
#menu3 {
height: 44px;
margin-top: 15px;
padding: 4px;
text-align:right;
color: #CCC;
text-decoration: none;
}
#menu3 {
color: #C0E73D;
}
a {
color: #CCC;
text-decoration: none;
}
a:hover {
color: #C0E73D;
}
.kleuren {
text-align:left;
margin-left: 4px;
margin-top: 30px;
}
/* PAGE TOP */
#pageTop {
background:url(/images/Header.png) repeat-x;
height: 90px;
}
#pageTop > #pageTopWrap {
width: 1000px;
margin: 0px auto;
height: 90px;
}
#pageTop > #pageTopWrap > #pageTopLogo {
float: left;
height: 90px;
width: 108px;
}
#pageTop > #pageTopWrap > #pageTopRest {
float: left;
height: 90px;
width: 892px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 {
height: 44px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 > div {
margin-top: 8px;
padding: 4px;
text-align:right;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 > div > a {
color: #CCC;
text-decoration: none;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 > div > a:hover {
color: #C0E73D;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 {
height: 44px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div {
margin-top: 2px;
padding: 4px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div > a {
display: block;
float: left;
color:#CCC;
text-decoration: none;
margin: 0px 16px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div > a:hover {
color: #C0E73D;
}
/* PAGE MIDDLE */
#pageMiddle{
width: 1000px;
margin: 0px auto;
height: 30px;
}
/* PAGE BOTTOM */
/* #pageBottom{
background: #666;
padding: 24px;
font-size: 12px;
color: #CCC;
text-align: center;
position: fixed;
bottom: 0px;
width: 100%;
} */
.widgets {
background-image:url(/images/widgets.png);
background-repeat:repeat-y;
height: 535px;
position: fixed;
bottom: 0px;
left: 0px;
}
.content {
width: 750px;
margin: 0px auto;
height: 0px;
}
h1 {
font-family: helvetica;
}
.Crafting_Table {
background-image:url(/images/Crafting_Table.jpg);
}
.Crafting {
margin-top:10px;
margin-left: 500px;
margin-right:250px;
}
#menu3 {
height: 44px;
margin-top: 15px;
padding: 4px;
text-align:right;
color: #CCC;
text-decoration: none;
}
#menu3 {
color: #C0E73D;
}
a {
color: #CCC;
text-decoration: none;
}
a:hover {
color: #C0E73D;
}
.kleuren {
text-align:left;
margin-left: 4px;
margin-top: 30px;
}
index.php
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
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
<?php
?>
<!DOCTYPE html>
<html>
<head>
<title>TeamCrafted</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="http://www.teamcrafted.tk/css/new.css">
</head>
<body>
<?php include_once("header.php"); ?>
<div class="kleuren">
<img src="http://www.teamcrafted.tk/images/kleuren.png"/>
</div>
<div class="content">
<h1>Home</h1>
<div>
<p>Welkom op de gloednieuwe TeamCrafted website!</p>
<p>Vanaf nu heb je hier bovenaan een navigatiemenu! Zo kan je sneller navigeren tussen onze websites en hun pagina's.</p>
<p>Al onze websites hebben vanaf nu dit design. </p>
</div>
<div class="Crafting" height="6000"></td>
<img src="http://www.teamcrafted.tk/images/Crafting_Table.jpg" width="382" height="365" /></div>
</div>
</body>
</html>
?>
<!DOCTYPE html>
<html>
<head>
<title>TeamCrafted</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="http://www.teamcrafted.tk/css/new.css">
</head>
<body>
<?php include_once("header.php"); ?>
<div class="kleuren">
<img src="http://www.teamcrafted.tk/images/kleuren.png"/>
</div>
<div class="content">
<h1>Home</h1>
<div>
<p>Welkom op de gloednieuwe TeamCrafted website!</p>
<p>Vanaf nu heb je hier bovenaan een navigatiemenu! Zo kan je sneller navigeren tussen onze websites en hun pagina's.</p>
<p>Al onze websites hebben vanaf nu dit design. </p>
</div>
<div class="Crafting" height="6000"></td>
<img src="http://www.teamcrafted.tk/images/Crafting_Table.jpg" width="382" height="365" /></div>
</div>
</body>
</html>
header.php
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div id="pageTop">
<div id="pageTopWrap">
<div id="pageTopLogo">
<a href="http://www.teamcrafted.tk">
<img src="http://www.teamcrafted.tk/images/logo_header.png" alt="logo" title="TeamCrafted">
</a>
</div>
<div id="pageTopRest">
<div id="menu1">
<div>
</div>
</div>
<div id="menu2">
<div>
<a href="http://www.teamcrafted.tk/">
<img src="http://www.teamcrafted.tk/images/home.png" alt="home" title="Home">
</a>
<a href="http://www.teamcrafted.tk/account">Account</a>
</div>
</div>
</div>
</div>
</div>
<div id="pageTopWrap">
<div id="pageTopLogo">
<a href="http://www.teamcrafted.tk">
<img src="http://www.teamcrafted.tk/images/logo_header.png" alt="logo" title="TeamCrafted">
</a>
</div>
<div id="pageTopRest">
<div id="menu1">
<div>
</div>
</div>
<div id="menu2">
<div>
<a href="http://www.teamcrafted.tk/">
<img src="http://www.teamcrafted.tk/images/home.png" alt="home" title="Home">
</a>
<a href="http://www.teamcrafted.tk/account">Account</a>
</div>
</div>
</div>
</div>
</div>
http://jsbin.com van, s.v.p. Dat maakt het voor ons makkelijker.
Maak er even een