Hallo allemaal, ik heb een probleem waar ik niet uitkom. Naar mijn mening staat alles wel goed, maar het uiterlijk klopt niet geheel.
Het adres van de website waar het om gaat staat: Hier
De pagina waarmee hij opent, overview staan twee kolommen Amilo en lifebook, alleen ze behoren naast elkaar te staan. Alleen ze staan onder elkaar.
CSS:
HTML, komt vanuit een PHP script:
Wie mij kan helpen alvast hartelijk bedankt.[/quote]
Het adres van de website waar het om gaat staat: Hier
De pagina waarmee hij opent, overview staan twee kolommen Amilo en lifebook, alleen ze behoren naast elkaar te staan. Alleen ze staan onder elkaar.
CSS:
code:
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
| body {
background:#f0f0f0;
text-align:center;
}
* {
font-family:tahoma,verdana,arial;
font-size:11px;
color:black;
text-align:justify;
}
h1, h2, p {
margin:5px 0;
padding:2px;
}
p.intro {
font-style:italic;
}
a.intro:link {
textdecoration: none;
}
hr {
color:gray;
height:1px;
border-width:1px;
}
h1 {
font-weight:bold;
font-size:150%;
border-bottom:1px solid silver;
border-left:5px solid orange;
padding-left:10px;
}
h2 {
font-size:115%;
padding-left:1em;
}
.section {
width:400px;
padding:5px;
margin-bottom:1em;
border:4px solid silver;
border-width:4px 1px;
background:white;
}
#left {
width:175px;
padding:0px;
float:left;
}
#content {
width:600px;
padding:0px;
float:left;
overflow: auto;
}
#box {
width:775px;
margin: 0px auto;
padding:0px;
text-align:left;
}
#thermalpads {
display: none;
width: 400px;
padding: 5px;
font-size: 12px;
}
#copyright {
padding:0px;
verticalalign:bottom;
float:right;
}
#amilo {
width:200px;
padding:0px;
float:left;
}
#lifebook {
width:200px;
padding:0px;
float:left;
margin-left: 200px;
} |
HTML, komt vanuit een PHP script:
code:
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
| </p>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>SPDB- Small Parts DataBase</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Author" content="Danny van der Sluys">
<link rel="stylesheet" type="text/css" href="inc/style.css" />
<script type="text/javascript">
// Script neede for expand and collapse info
function kadabra(zap) {
if (document.getElementById) {
var abra = document.getElementById(zap).style;
if (abra.display == "block") {
abra.display = "none";
} else {
abra.display= "block";
}
return false;
} else {
return true;
}
}
</script>
</head>
<body>
<div id="box">
<div id="left">
<div id="section"><H1>Menu</H1>
<a href="viewall.php">Overzicht</a><br>
<a href="viewalld.php">Toon alles</a><br>
<a href="add.php">Toevoegen</a><br>
<a href="viewall.php">Edit</a><br>
</div></div>
<div id="content"><div class="section"><H1>Machine's</H1> <p class="intro">Klik op de machine om alle info te zien.</p><p>Mochten er
vragen of bugs zijn meld dit dan aan Danny van der Sluys. Dit systeem is opgezet om een duidelijk overzicht te krijgen
in de verschillende small parts die benodigd zijn bij repair.</P><div id=Amilo>
<h2>Amilo</h2><p>
<a href='view.php?id=1'>Amilo A1630</a><br>
<a href='view.php?id=2'>Amilo D1840</a><br>
<a href='view.php?id=3'>Amilo D7850</a><br>
<a href='view.php?id=4'>Amilo M1425</a><br>
<a href='view.php?id=5'>Amilo D1845</a><br>
<a href='view.php?id=6'>Amilo M1425 LCD back</a>
<br></p></div><div id=Lifebook>
<h2>Lifebook</h2><p>
<a href='view.php?id=7'>Lifebook E2010</a><br>
<a href='view.php?id=8'>Lifebook E8020</a><br>
</p></div></div></div>
<div id="copyright">Copyright Danny van der Sluys / Fleppuhstein Design 2006</div>
</div>
</div>
</body>
</html> |
Wie mij kan helpen alvast hartelijk bedankt.[/quote]
