Hallo mensen,
Ik ben bezig met het ontwerpe van een website, nu heb ik een probleem: ik heb een menu aan de linker zijde, en dezen wil ik locken zodat hij op 1024*768 en b.v. 1280*1024 recht onder een Kop staat...
Hier een voorbeeldje van de Bedoeling en het probleem.
De bedoeling:
En het probleem op een resolutie van 1280*1024:
Het menu moet dus in lijn komen te staan met de linker zijkant van de titel
(let niet op de lijn in het menu, dit is alleen in FF in IE werkt het perfect.)
Hier de code van de index.php
En hier de code van de CSS file
Suc6
en alvast bedankt
Ik ben bezig met het ontwerpe van een website, nu heb ik een probleem: ik heb een menu aan de linker zijde, en dezen wil ik locken zodat hij op 1024*768 en b.v. 1280*1024 recht onder een Kop staat...
Hier een voorbeeldje van de Bedoeling en het probleem.
De bedoeling:
En het probleem op een resolutie van 1280*1024:
Het menu moet dus in lijn komen te staan met de linker zijkant van de titel
(let niet op de lijn in het menu, dit is alleen in FF in IE werkt het perfect.)
Hier de code van de index.php
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
| <? echo ("<?xml version=\"1.0\" encoding=\"UTF-8\"?>"); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Martijn De Groot Hovenier</title>
<link rel="stylesheet" href="stijl.css" type="text/css" >
</head>
<body>
<div id="logo">
[img]"images/Titel.gif"[/img]
</div>
<div id="menu">
<div id="menuboven"></div>
<div id="menuinhoud">
<p class="menuitem"><a href="?about">Home</a></p>
<p class="menuitem"><a href="?over_ons">Over ons</a></p>
</div>
<div id="menuonder"></div>
</div>
<div id="inhoud">
<?
/*
* Navigatie code
*/
if (isset($_GET["about"]))
include ("../pages/about.html");
elseif (isset($_GET["over_ons"]))
include ("../pages/missy.html");
else
include ("../pages/about.html");
?>
</div>
<div id="onder">
Copyright Martijn De Groot Hoveniersbedrijf
</div>
</body>
</html> |
En hier de code van de CSS file
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
98
99
100
101
| body
{
font-family: Verdana, sans-serif;
color: black;
background-color: #ffc0de;
font-size: 11px;
scrollbar-base-color: #ffc0de;
margin: 0;
}
table
{
border: 0px;
font-size: 11px;
}
a
{
color: black;
text-decoration: none;
}
a:hover
{
color: #D6D6D6;
text-decoration: underline;
}
#copyright
{
margin-top: 5px;
width: 520px;
text-align: center;
font-size: 10px;
color: #FFFFFF;
}
}
#hoofdmenu {
border: 0px;
border-color: black;
}
.titelbalk {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background: #ffc0de;
color: white;
padding: 5px;
}
.menuinhoud {
background: #ffc0de;
background: url("inhoud.gif");
color: #000000;
height: 500px;
width: 800px;
}
#hoofdmenu3 {
border: 0px;
border-color: black;
width: 600px;
}
.titelbalk3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background: #ffc0de;
color: white;
padding: 5px;
}
.menuinhoud3 {
background: #ffc0de;
color: #000000;
border:5pt outset #ffc0de;
}
#hoofdmenu2 {
border: 0px;
width: 260px;
margin: 20px;
}
.titelbalk2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background: #ffc0de;
color: white;
padding: 5px;
}
.menuinhoud2 {
background: #830404;
background: url("logo_menu.gif");
color: #800707;
height: 495px;
border: 0px;
padding: 5px;
} |
Suc6
en alvast bedankt
[ Voor 12% gewijzigd door bakvis op 08-10-2005 18:14 ]
:strip_icc():strip_exif()/u/90617/hitchhiking.jpg?f=community)
)
schaam schaam