[HTML] Design nicht richtig gecodet?

.:KimiKampfkeks:.

Alle sagen auf dieser Seite hier sei das Design nichr richtig gecodet.

Was is daran falsch?

Julia712

Sag bloß, bei dir sieht das richtig aus? oO

.:KimiKampfkeks:.

*schrei*

Hilfe xD

Ich hab es mal im Anhang, wie es bei mir aussieht.

Ist bei dem Code was falsch?

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:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Deckstation Silberpfeil</title>
  <link rel="stylesheet" type="text/css"
 href="http://dssilberpfeil.ds.funpic.de/style.css">
</head>
<body>
<img src="http://dssilberpfeil.ds.funpic.de/aeuq06.png"
 border="0" height="768" width="1024">
<div id="Index"
 style="left: 319px; position: absolute; top: 245px;"><iframe
 name="Index" src="http://dssilberpfeil.ds.funpic.de/Main.html"
 0px="" ;="" frameborder="0" height="446"
 scrolling="auto" width="582"></iframe></div>
<div id="Menu"
 style="left: 146px; position: absolute; top: 74px;"><iframe
 name="Menu" src="http://dssilberpfeil.ds.funpic.de/Menu.html"
 0px="" ;="" frameborder="0" height="296"
 scrolling="auto" width="167">
</iframe></div>
<div id="News"
 style="left: 146px; position: absolute; top: 421px;">
<iframe name="News"
 src="http://dssilberpfeil.ds.funpic.de/News.html" 0px=""
 ;="" frameborder="0" height="296"
 scrolling="#433222" width="167"></iframe></div>
</body>
</html>

Julia712

Oha +lach+
Das sieht wirklich anders aus^^

Hab deine Daten mal in den Design-Code von Bilano reingesteckt.
Der hat's bisher immer getan.
Wüsste aber auch nicht, wo bei deinem jetzt der Fehler ist +mhmm+

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>Deckstation Silberpfeil</title>
<link rel="stylesheet" type="text/css" href="http://dssilberpfeil.ds.funpic.de/style.css">
</head>

<body>

<div id="LayerDesi" style="position: absolute;  left: 0px; top: 0px;">
<img src="http://dssilberpfeil.ds.funpic.de/aeuq06.png" width="1024" height="768" border="0" alt="" title="">
</div>

<div id="Layer1" style="position: absolute;  left: 321px; top: 251px;">
  <iframe src="http://dssilberpfeil.ds.funpic.de/Main.html" name="Index" width="581" height="442" scrolling="auto" marginwidth="0" marginheight="0" noresize style="border: 0px;">
  </iframe>
</div>

<div id="Layer1" style="position: absolute;  left: 148px; top: 78px;">
  <iframe src="http://dssilberpfeil.ds.funpic.de/Menu.html" name="Menu" width="159" height="289" scrolling="auto" marginwidth="0" marginheight="0" noresize style="border: 0px;">
  </iframe>
</div>

<div id="Layer1" style="position: absolute;  left: 148px; top: 422px;">
  <iframe src="http://dssilberpfeil.ds.funpic.de/News.html" name="News" width="159" height="289" scrolling="auto" marginwidth="0" marginheight="0" noresize style="border: 0px;">
  </iframe>
</div>

</body>
</html>

Lg, Julia

.:KimiKampfkeks:.

Bei deinem Code ist height und width vertauscht, aber daran kannst nicht liegen, oder?

LG Kim

Julia712

*lach* Nee, das ist egal, wierum du das schreibst smile

Vermute mal, dass es an dem Einfügen von dem Bild liegt.
Wobei das auch komisch wäre +mhmm+

Lg, Julia

.:KimiKampfkeks:.

Nein, ich meine die Pixelangaben waren vertauscht, egal.

Mhpf. Toll und nun?

Julia712

Oh, sorry^^
Setz meinen mal rein, dann schauen wir mal, ob der klappt.
Wenns geht ist das Problem ja gelöst. Fragt sich dann nur noch, warum +lach+

Lg, Julia

.:KimiKampfkeks:.

Ist drin, wie sieht es bei dir aus?

Julia712

Das Main muss n bisschen tiefer (schätze so 30px), weil das braun jetzt über den Wolken steckt.
Ansonsten aber perfekt <3

.Dori

Jetzt gehts.

Hab den Fehler übrigends gefunden.

code:
1:	<img src="http://dssilberpfeil.ds.funpic.de/aeuq06.png" border="0" height="768" width="1024">

Sagt zwar der Grafik, wie groß sie sein soll und dass sie keinen Rahmen haben soll, aber nicht, wo im Bild sie sein soll.
Dadurch wurd die grafik automatisch zentriert.

Du musst die Grafik also via CSS oder Div Layer noch genau positionieren.
Julia hat es in ihrem Code per Div gemacht.
Wenn man das in deinen Code einbaut, dann sieht oben stehende Zeile so aus.

code:
1:	<div id="LayerDesi" style="position: absolute; left: 0px; top: 0px;"> <img src="http://dssilberpfeil.ds.funpic.de/aeuq06.png" > </div>

Mit CSS sähe es so aus:

code:
1:	<style type="text/css"> body {background-image:url(http://dssilberpfeil.ds.funpic.de/aeuq06.png); background-repeat:no-repeat; background-position:0% 0%; background-color: #FEF783;} </style>

Julia712

Ahh, super smile

Hatte den Fehler nämlich schon öfter, wusste nur nie weshalb das so ist.
Danke für die Aufklärung <3

.:KimiKampfkeks:.

Gut, danke.
Dann rede ich den Code jetzt nur noch mit 'Sie' an ^^

Danke euch allen, kann dann hier geschlossen werden fröhlich

Forensoftware: Burning Board, entwickelt von WoltLab GmbH