Lolle.herz
Hallo ihr lieben
Mit sehr viel Mühe habe ich versucht den Code eines Endless Designs zu verstehen um eine schöne Homepage für meine Haustiere zu erstellen.
Meiner Meinung nach hat es sogar recht gut geklappt. Allerdings sieht das ganze nun so aus:
*klick*
Obwohl ich mir eigentlich so etwas gewünscht hatte
*klick* (nur das es sich halt später ausfährt wie es bei einem Endless Design auch üblich ist).
Mein Code namens "index2.php" sieht folgendermaßen aus:
| 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:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
|
<html>
<head>
<style type="text/css">
body {
background-image: url('Hintergrund.jpg');
background-position: top left;
background-repeat: repeat-y;
background-attachment:scroll;
}
body {
font-family: Verdana;
color: #000000;
font-size: 11px;
font-weight: normal;
text-decoration: none;
text-transform: none;
}
b, strong {
color: #000000;
font-family: Verdana;
letter-spacing: 1px;
}
u {
color: #000000;
font-family: Verdana;
letter-spacing: 1px;
text-decoration: underline;
border-bottom: 1px dotted #000000;
}
i, em {
color: #000000;
font-family: Verdana;
letter-spacing: 1px;
}
s, del {
color: #000000;
font-family: Verdana;
letter-spacing: 1px;
}
title {
font-family: Verdana;
font-size: 12;
display: block;
color: #3a3131;
line-height: 12px;
text-decoration: none;
margin-bottom: 2px;
text-align: center;
letter-spacing: 1px;
font-weight: normal;
border-bottom: 1px dashed #3a3131;
}
TEXTAREA, INPUT {
color: #000000;
border: 2px dashed #000000;
font-family: Verdana;
border: 1px dotted #000000;
}
TEXTAREA {
background-image: url('main.png');
width: 925px;
height: 380px;
font-family: Verdana;
color: #000000;
border: 1px dotted #403636;
}
.inhaltetable {
width: 100%;
}
a:link, a:visited, a:active {
color: #000000;
font-size: 11px;
font-family: Verdana;
text-decoration: none;
}
a:hover {
color: #dac491;
font-size: 12px;
font-family: Verdana;
text-decoration: none;
border-bottom: 1px solid #dac491;
}
a.navi {
color: #e0d49c;
background-color: #e0d49c;
font-size: 14px;
font-family: Verdana;
display: block;
border-bottom: 0px solid #e0d49c;
border: 1px solid #e0d49c;
text-decoration: none;
}
a.navi:hover {
color: #e0d49c;
font-size: 14px;
font-family: Verdana;
display: block;
border:1px solid #000000;
background-color: #000000;
text-decoration: none;
cursor: crosshair;
}
</style>
</head>
<body bgcolor=#e0d49c background="linie.png">
<IMG SRC="Design.png" WIDTH=1024 HEIGHT=768=0 STYLE="position:absolute; top: 0; left:0">
<<div align="center"
style="solid; background:;
border-collapse: collapse;
position: absolute;
font-size: 11px;
width: 971px;
left: 28px;
top: 272px ">
<p class="title">Wild Paws - Lotte & Cooper</p>
<a href="URL" class="navi">Linkname</a>
<a href="URL" class="navi">Linkname</a>
<a href="URL" class="navi">Linkname</a>
<br>
<p class="title"> Überschrift </p>
<a href="URL" class="navi">Linkname</a>
<a href="URL" class="navi">Linkname</a>
<br>
<p class="title"> Überschrift </p>
<a href="URL" class="navi">Linkname</a>
<a href="URL" class="navi">Linkname</a>
<a href="URL" class="navi">Linkname</a>
</div>
<div align="justify"
id="entry"
class="inhaltetable"
style="border: 0px solid #000000;
overflow: auto;
position: absolute;
width: 925px;
left: 50px;
top: 350px">
:CONTENT_HIER:
</div>
<div style="visibility: hidden;
position: absolute;
right: 0;
bottom: 0;">
{PLACE_POWEREDBY}
</div>
</body>
</html>
|
|
Sicherlich habe ich wieder jede Menge komischer und unnötiger Fehler reingehauen.
Allerdings würde es mich freuen wenn mir jemand weiterhelfen könnte
Liebe Grüße, Judith
Nanni
wah. Wie ich diese Divs hasse
Ich hab jetzt nicht alles durchgeschaut - aber du hast in Zeile 127 ganz zu Beginn ein "<" doppelt - nimm das mal weg, vielleicht sieht es damit ja schon anders aus ;D
Lolle.herz
Lieben Dank für deine Hilfe
Allerdings war es das nicht ganz genau. Trotzdem danke das es dir aufgefallen ist.
Liebe Grüße, Judith
Nanni
Okay... also erstmal:
| code: |
1:
|
<IMG SRC="Design.png" WIDTH=1024 HEIGHT=768=0 STYLE="position:absolute; top: 0; left:0"> |
|
Warum? Wenn du das Design als komplette Grafik einbindest, wird es sich nicht verlängern
Du musst das Design quasi in drei Teile schneiden: Oben den Header, eine fixe Grafik; darunter den Mittelteil (hast du, als "linie.png"), als Background fürs Content, der sich eben in der Länge anpasst, und unten zum Abschluss eine Grafik als Footer.
Den Mittelteil "linie.php" hast du bereits vor dem Menü eingebaut... macht wenig Sinn, beim Menü willst du ja den Header als Hintergrund haben ;D
Weißt du, was ich mein? ;D