Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- Probleme mit Endless Design... (https://www.gegen-bilderklau.net/thread.php?threadid=185651)


Geschrieben von Lolle.herz am 25.12.2012 um 23:31:

  Probleme mit Endless Design...

Hallo ihr lieben smile

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 smile

Liebe Grüße, Judith



Geschrieben von Nanni am 26.12.2012 um 00:48:

 

wah. Wie ich diese Divs hasse großes Grinsen 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



Geschrieben von Lolle.herz am 28.12.2012 um 13:08:

 

Lieben Dank für deine Hilfe smile

Allerdings war es das nicht ganz genau. Trotzdem danke das es dir aufgefallen ist.
Liebe Grüße, Judith



Geschrieben von Nanni am 28.12.2012 um 17:30:

 

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 Augenzwinkern
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


Forensoftware: Burning Board, entwickelt von WoltLab GmbH