Toffer2010
Hallo ,
Ich habe ein kleines Problem:
Ich habe bei Oyla.de ein Design gecodet was nun leicht verzerrt ist.
Was kann man da gegen tun ?
Kann mir jemand Helfen ?
Lg
Toffer2010
So hier mal der Code...
Habe auch gerade noch gesehen das rechts ein kleines Stück weiß ist ...
Hm.. weiß jemand weiter ?
<html>
<head> <title>TS Stevenson</title>
<img border="0" src="http://www.oyla.de/userdaten/243/04305/bilder/TSDESIGN.png" scroll="no" bgproperties="fixed"
ALIGN="left" STYLE="position: absolute; top: 0; left: 0" width="1000" height="600">
<div style="overflow: auto; position: absolute; width: 740; height: 330; left: 240; top: 230">
<font face="Verdana" size="1,2"><font color="#000000">%content%</font></font>
</div>
<div style="overflow: auto; position: absolute; width: 150; height: 330; left: 100; top: 230"> <font face="Arial" size="4,0" color="#FFFAF0
">%navigation_v%</font></div><style type="text/css">
a:link, a:visited, a:active {
font-family: Verdana;
font-size: 11pt;
color: #FFFAF0;
}
a:hover {
font-family: Verdana;
font-size: 11pt;
color: #000000;
}
</style>
Jasmina
Dein ganzer Code ist etwas... wirr. Alles irgendwie durcheinander und so.
Das erste width und heigh würde ich mal weglassen, und im CSS Teil müsste ein body sein, wo man dann background-color: #000000 einfügen kann, um das weiss wegzumachen.
Ich würde dir jedoch raten, alles nochmals neu ordentlich zu coden. Sieht aus, wie also ob du lauter Code-Fetzen zusammengesucht hast.
Es gibt ein kleines TUT hier (das kein CSS-Teil enthält, ganz hinten im Thead hab ich und ein paar andere den noch dazugefügt), und sonst kann ich sehr
http://www.oylahomepagehilfe.de empfehlen.
Kullakeeeks
Hey!
Das Problem liegt im Einbinden des Bildes.
Hiermit
| code: |
1:
2:
3:
4:
|
<img border="0" src="http://www.oyla.de/userdaten/243/04305/bilder/TSDESIGN.png" scroll="no" bgproperties="fixed"
ALIGN="left" STYLE="position: absolute; top: 0; left: 0" width="1000" height="600">
|
|
gibst du ja an, wie groß das Design selbst ist, in deinem Fall also 1000*600px.
Das Problem ist jedoch, dass ich, wenn ich mir das Design anschaue feststelle, dass es eine Größe von 800*600px hat. Dementsprechend kann das ganze also nicht funktionieren.
Wenn du den Teil so abänderst
| code: |
1:
2:
3:
4:
|
<img border="0" src="http://www.oyla.de/userdaten/243/04305/bilder/TSDESIGN.png" scroll="no" bgproperties="fixed"
ALIGN="left" STYLE="position: absolute; top: 0; left: 0" width="800" height="600">
|
|
sollte es also funktionieren
LG
Toffer2010
| Zitat: |
Original von Kullakeeeks
Hey!
Das Problem liegt im Einbinden des Bildes.
Hiermit
| code: |
1:
2:
3:
4:
|
<img border="0" src="http://www.oyla.de/userdaten/243/04305/bilder/TSDESIGN.png" scroll="no" bgproperties="fixed"
ALIGN="left" STYLE="position: absolute; top: 0; left: 0" width="1000" height="600">
|
|
gibst du ja an, wie groß das Design selbst ist, in deinem Fall also 1000*600px.
Das Problem ist jedoch, dass ich, wenn ich mir das Design anschaue feststelle, dass es eine Größe von 800*600px hat. Dementsprechend kann das ganze also nicht funktionieren.
Wenn du den Teil so abänderst
| code: |
1:
2:
3:
4:
|
<img border="0" src="http://www.oyla.de/userdaten/243/04305/bilder/TSDESIGN.png" scroll="no" bgproperties="fixed"
ALIGN="left" STYLE="position: absolute; top: 0; left: 0" width="800" height="600">
|
|
sollte es also funktionieren
LG |
Habe es jetzt mal so gemacht wie du es sagst...
Nur Leider habe ich dann rechts einen noch dicken weißen Balken offen wo kein Design mehr ist !
Hmm
Jasmina bei dir steige ich nicht ganz durch ...
Ich habe gerade nochmal neu gecodet und es ist immer noch so verzerrt und ich habe es jetzt nach dem dem Tut hier gecodet von Princess...
Ich Brauche Hilfeeee...
Echt doof das Design selber ist auch 1024 x 764 groß .. also sollte es doch stimmen oder muss es größer sein ?
dreamer95
nein, das design hat eine größe von 800x600 und
nicht 1024 x 764
dir fehlt aber auch dieser teil:
| code: |
1:
|
background-color: #ffffff; |
|
damit kannst du das weiß 'wegmachen' also durch die farbe des design's ersetzen
ich würde dir aber unbedingt empfehlen mal
dieses tut durchzulesen, das ist
sehr gut
Himbeere.
Ich glaube auch bei dir liegt das Problem daran, dass du das Bild bei Oyla hochgeladen hast. Da gibts immer ein Häckchen, dass dein Bild automatisch auf 800px verkleinert.
Einfach neu hochladen, Häckchen wegmachen und dann eben mit der eigentlichen Größe coden ;D
lg Himbeere.
Toffer2010
So habe gerade alles ausprobiert ... auch mit dem Code von der Homepagehilfe und es bringt alles nichts !
Es ist ja nun nicht das erste Design was ich code ... nur so ein Problem habe ich noch nie gehabt... und nun weiß ich auch nicht mehr weiter !
Mag sich da einer von euch zufällig ran wagen ?
Ich kapiere nichts mehr!
LG
Himbeere.
Also wenn du bis Freitag warten kannst, könnte ich dir das Design coden ;D
Jasmina
Hab das Desi mal bei mir hochgeladen und den Code angepasst. Bei mir funktionierte alles einwandfrei. (Ist der von Oylahomepagehilfe.de)
Bitte die Desiadresse wieder ändern, damit ich es bei mir wieder löschen kann.
| 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:
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>%titel%</title>
<style type="text/css">
<!--
body {
position: absolute;
padding: 0;
margin: 0;
top: 0;
left: 0;
background-color: #a5a9af;
scrollbar-face-color: #a5a9af;
scrollbar-highlight-color: #a5a9af;
scrollbar-3dlight-color: #a5a9af;
scrollbar-darkshadow-color: #a5a9af;
scrollbar-shadow-color: #a5a9af;
scrollbar-arrow-color: #a5a9af;
scrollbar-track-color: #a5a9af;
}
img#design {
position: absolute;
top: 0;
left: 0;
border: none;
}
div.content {
overflow: auto;
position: absolute;
top: 270px;
left: 250px;
width: 690px;
height: 450px;
font-family: Arial;
font-size: 12px;
color: #000000;
}
div.navigation {
overflow: auto;
position: absolute;
top: 290px;
left: 90px;
width: 120px;
height: 430px;
font-family: Arial;
font-size: 12px;
color: #000000;
}
a:link {
color: #a5a9af;
text-decoration:none;
}
a:visited {
color: #a5a9af;
text-decoration:none;
}
a:active {
color: #a5a9af;
text-decoration:none;
}
a:hover {
color: #ffffff;
text-decoration:underline;
}
-->
</style>
</head>
<body>
<!-- Start Design -->
<img src="http://www.oyla.de/userdaten/441/24650/bilder/ts_s.png" alt="Designbild" id="design" />
<!-- End Design -->
<!-- Start Content -->
<div class="content">
%content%
</div>
<!-- End Content -->
<!-- Start Navigation -->
<div class="navigation">
%navigation_v%
</div>
<!-- End Navigation -->
</body>
<!--
Dies ist der Grundcode von http://www.oylahomepagehilfe.de.
Dieser Hinweis darf ohne Genehmigung von einem Betreiber des Internetabgebotes nicht entfernt werden.
-->
</html> |
|
Kullakeeeks
Oh, wollte den Code auch grad posten...
Aber da warst du wohl schneller...
Toffer2010
UHHH Danke
Jetzt passt es ...
SUPER DANK !!!
Alles sitzt so wie es soll ... sehr schön ... Herzlichen Dank ...
*FREU**HÜPF*
Danke
Jasmina
Gern geschehen.
Darf ich das Desibild bei mir jetzt dann wieder löschen?
Toffer2010
na klar
Jetzt hab ich ja alles ...
DAAANKE