Layout doet raar (css)
ik ben bezig met een layout ik heb hem net een stukje in css gezet maar als ik er minder text in home.php doe valt alles verticaal naar beneden:(
dat vind ik niet echt leuk
kan iemand mij helpen?
stylesheet doe ik altijd als het helemaal goed is dus het staat nog gewoon in de index gr thymen
dat vind ik niet echt leuk
kan iemand mij helpen?
stylesheet doe ik altijd als het helemaal goed is dus het staat nog gewoon in de index gr thymen
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
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
<style>
body {
margin: 0;
width: 100%;
}
div#container{
height: auto;
width: 99%;
}
div#menul-r {
background-color: #d7d4c3;
width: 189px;
height: 100%;
}
div#menu {
background-color: #0f202f;
height: 40px;
width: 100%;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
div#menu-top {
background-color: #0f202f;
height: 23px;
width: 100%;
border-bottom: 1px solid white;
}
div#header {
background-color: #d5d2c0;
height: 160px;
width: 100%;
}
</style>
<html>
<head>
<title>layout new</title>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<!-- ImageReady Slices (layout new klik limiet.psd) -->
<table id="Table_01" width="100%" height="768" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<div id="menu-top"></div></td>
</tr>
<tr>
<td colspan="3">
<div id="header"></div></td>
</tr>
<tr>
<td colspan="3">
<div id="menu"></div></td>
</tr>
<tr>
<td>
<div id="menul-r"></div></td>
<td>
<div id="container">
<?php
if (isset($_GET['a']) && preg_match('/^[a-z0-9]+$/i', $_GET['a']))
{
include($_GET['a'] . '.php');
}
else {
include("home.php");
}
?>
</div>
</td>
<td>
<div id="menul-r"></div></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
body {
margin: 0;
width: 100%;
}
div#container{
height: auto;
width: 99%;
}
div#menul-r {
background-color: #d7d4c3;
width: 189px;
height: 100%;
}
div#menu {
background-color: #0f202f;
height: 40px;
width: 100%;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
div#menu-top {
background-color: #0f202f;
height: 23px;
width: 100%;
border-bottom: 1px solid white;
}
div#header {
background-color: #d5d2c0;
height: 160px;
width: 100%;
}
</style>
<html>
<head>
<title>layout new</title>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<!-- ImageReady Slices (layout new klik limiet.psd) -->
<table id="Table_01" width="100%" height="768" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<div id="menu-top"></div></td>
</tr>
<tr>
<td colspan="3">
<div id="header"></div></td>
</tr>
<tr>
<td colspan="3">
<div id="menu"></div></td>
</tr>
<tr>
<td>
<div id="menul-r"></div></td>
<td>
<div id="container">
<?php
if (isset($_GET['a']) && preg_match('/^[a-z0-9]+$/i', $_GET['a']))
{
include($_GET['a'] . '.php');
}
else {
include("home.php");
}
?>
</div>
</td>
<td>
<div id="menul-r"></div></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Je gebruikt nu tabellen en divs door elkaar. Aan je code is ook te zien dat je hem via ImageReady gesliced hebt. Als je echt serieus aan de slag wilt, raad ik je aan je lay-out helemaal in CSS te doen en tabellen niet meer te gebruiken.
Lees dit artikel uit 2004 (!) maar eens:
throwing tabels out of the window
Lees dit artikel uit 2004 (!) maar eens:
throwing tabels out of the window
ik weet niet echt hoe ik het anders moet doen normaal werkte het altijd wel
ik heb het gelezen maar ik snap niet echt wat ik nu moet :P
*edit *
ik heb nu alle tabellen weg gehaald nu komt menu rechts en links onder elkaar en content ook
dat moet wel lukken met css toch?
ik heb het gelezen maar ik snap niet echt wat ik nu moet :P
*edit *
ik heb nu alle tabellen weg gehaald nu komt menu rechts en links onder elkaar en content ook
dat moet wel lukken met css toch?
Gewijzigd op 01/01/1970 01:00:00 door thymen akker




