Startpost-Retter
hilfe ihr GB-ler
Mein Div-Lay mobbt mich. nach
dem tut ist es und naja. vlt. findet ja einer den fehler, denn es sieht
so aus.
index.html
| 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:
|
<html>
<head>
<title>xx EDELWEISS xx</title>
<!---CCS STYLESHEET-->
<link href="style.css" rel="stylesheet">
</head>
<body>
<!---LAYOUT-->
<div id="layout">
<!---CONTENT-->
<div id="content">
INHALT
</div>
<!---NAVI-->
<div id="navi">
NAVIGATION<p>
</div>
<!---UNTERMENU-->
<div id="untermenu">
UNTERMENU
</div>
</body></div>
</html>
|
|
style.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:
|
body {
overflow-x:hidden;
background-image:url('http://serversh.se.funpic.de/ponygestuet/design/footer.png');
font-family:Sylfaen;
font-size: 10pt; }
#layout {
margin-top: 0px;
margin-left: 0px;
width: 1000px;
height: 600px;
position: absolute;
background:url(http://serversh.se.funpic.de/ponygestuet/design.png) no-repeat;
#content {
width: 645px;
margin-top: 305px;
margin-left: 300px;
position: absolute;
}
#navi {
width: 210px;
hight: 140px;
margin-top: 305px;
margin-left: 35px;
position: absolute;
}
#untermenu {
width: 205px;
margin-top: 85px;
margin-left: 630px;
position: absolute;
}
h1 {
font-size: 12pt;
font-color: #FF2D99;
line-height: 20px;
text-align: right;
background-color: #E4E4E4;
font-family: Sylfaen, serif;
letter-spacing: 5px;
text-transform: uppercase;
}
a:link {color: #FF2D99; text-decoration: none;}
a:visited {color: #E52C84; text-decoration: none;}
a:hover {color: #FF2D99; text-decoration: uppercase;}
|
|
Leila
hast du die Angaben zu den Felderpositionen mal direkt im Tag statt im CSS-File ausprobiert? Ich hab die Ortsangaben immer lieber direkt im Tag drin, als in nem externen CSS-File
Leila
ah, probiers mal im normalen code mit
<link href="style.css" rel="stylesheet" type="text/css">
statt mit <link href="style.css" rel="stylesheet">
Thorim
kleiner Fehler in der html, bei CSS warens doch einige (bei #layout ein '}' vergessen, hight statt height...)
| 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:
|
<html>
<head>
<title>xx EDELWEISS xx</title>
<!---CCS STYLESHEET-->
<link href="style.css" rel="stylesheet" tyoe="text/css">
</head>
<body>
<!---LAYOUT-->
<div id="layout">
<!---CONTENT-->
<div id="content">
INHALT
</div>
<!---NAVI-->
<div id="navi">
NAVIGATION
</div>
<!---UNTERMENU-->
<div id="untermenu">
UNTERMENU
</div>
</div>
</body>
</html> |
|
| 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:
|
body {
overflow-x: hidden;
background-image: url('http://serversh.se.funpic.de/ponygestuet/design/footer.png');
font-family: Sylfaen;
font-size: 10pt;
}
#layout {
margin-top: 0px;
margin-left: 0px;
width: 1000px;
height: 600px;
position: absolute;
background:url('http://serversh.se.funpic.de/ponygestuet/design.png') no-repeat;
}
#content {
width: 645px;
margin-top: 305px;
margin-left: 300px;
position: absolute;
}
#navi {
width: 210px;
height: 140px;
margin-top: 305px;
margin-left: 35px;
position: absolute;
}
#untermenu {
width: 205px;
margin-top: 85px;
margin-left: 630px;
position: absolute;
}
h1 {
font-size: 12pt;
color: #FF2D99;
line-height: 20px;
text-align: right;
background-color: #E4E4E4;
font-family: Sylfaen, serif;
letter-spacing: 5px;
text-transform: uppercase;
}
a:link { color: #FF2D99; text-decoration: none; }
a:visited { color: #E52C84; text-decoration: none; }
a:hover { color: #FF2D99; text-transform: uppercase; }
|
|