HTML Problem

Application · 23. Dezember 2010

Hallo Leute,

ich habe ein Problem mit meinem Backround.
Also, ich habe hier meinen Backround definiert (Ich schreibe gleich die ganze Index rein), und möchte nun darüber einen Header einfügen, doch wird der vom Backround verschluckt ...

HTML

<html>
<head>


<style type="text/css">
html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  overflow:hidden;
}


body {
  font-family:sans-serif;
}


#hintergrund {
  position:absolute;
  width:100%;
  height:100%;
  z-index:1;
}


#scrollbereich {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;
  z-index:2;
}


#inhalt {
  padding:20px 100px 30px 200px;
  z-index:2;
}


</style>


</head>
<body>
<div>
<img id="hintergrund" src="Bilder/bg.jpg" alt="" title="" />
</div>


<div id="scrollbereich">
<div id="inhalt">




</div>
</div>
<img src="Bilder/head.jpg" width="960" height="284">
</body>
</html>

Alles anzeigen

GooMan · 23. Dezember 2010

Code

<body background="LINK ZUM BILD">

Mach den Background doch lieber so^^

Application · 23. Dezember 2010

Ups, nicht gelesen.
Nur dann wird der Backround doch nicht immer gleichgroß angezeigt ?

GooMan · 23. Dezember 2010

Nein. Das ist nur für das Background bild^^

Application · 23. Dezember 2010

Das funktioniert nicht, dass wird mir als Unbekannte Funktion wieder gegeben.

Edit:
Hat doch geklappt ich teste es mal.

Edit:
Neues Problem...

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index.html</title>
</head>


<body>
<body background="Bilder/bg.jpg">
<img src="Bilder/head.jpg" width="1000" height="250" />
</body>
</html>

Alles anzeigen

Dort könnt ihr sehen, was falsch ist..
http://los-fierro.samp4you.com/

GooMan · 23. Dezember 2010

Was ist denn daran falsch oO?

Application · 23. Dezember 2010

Also es ist zwar richtig, nur möchte ich komplette "Leiste" oben mit dem Header versehen haben.

Fischer · 23. Dezember 2010

stichwort align

Application · 23. Dezember 2010

Code

<body>
<body background="Bilder/bg.jpg">
<img align="Bilder/head.jpg" width="1000" height="200"/>
</body>
</html>

Dann wird mir kein Bild mehr angezeigt..

GooMan · 23. Dezember 2010

*hust* xD

nee er meint sowas:

Code

<img src="Bilder/head.jpg" width="1000" height="200" align="center" />

Application · 23. Dezember 2010

Oh, ok danke & Sorry.
Bin erst seid 2Tagen an HTML dran

Edit:
Trotz. wird der Header nicht ganz durchgezogen ..

GooMan · 23. Dezember 2010

Willst du ihn vertikal oder horizontal??

Horizontal:

Code

<img src="Bilder/head.jpg" width="100%" align="center" />

Vertikal:

Code

<img src="Bilder/head.jpg" height="100%" align="center" />

Application · 23. Dezember 2010

So ich habe nun:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Startseite</title>
</head>


<body>
<body background="Bilder/bg.jpg">
<img src="Bilder/head.jpg" height="150" width="100%" align="center" />
</body>
</html>

Alles anzeigen

Und so ist es eigentlich ganz gut, nur sieht das ein wenig komisch aus, Verbesserungsvorschläge ?

http://los-fierro.samp4you.com/

Fischer · 23. Dezember 2010

das bild an sich verändern

GooMan · 23. Dezember 2010

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Startseite</title>
</head>


<body>
<body background="Bilder/bg.jpg">
<img src="Bilder/head.jpg" width="100%" align="center" />
</body>
</html>

Alles anzeigen

EDIT:

Du brauchst keine Height angabe...

Application · 23. Dezember 2010

Das nehm ich mir zu Herzen Fischer, und es wird etwas neues Desingt.

So nun habe ich Adobe Dreamveawer CS5 neu gestartet, und aufeinmal wird der Backround nicht mehr erkannt, obwohl es der genau gleiche Quellcode und JPG's sind...

Code

<body>
<body background="Bilder/bg.jpg">
</body>
</html>

Addickted · 23. Dezember 2010

Weil der Header "head.jpg" heisst und nicht bg.jpg

Application · 23. Dezember 2010

Ahja ... Ich weise nochmal drauf hin :

Zitat

So nun habe ich Adobe Dreamveawer CS5 neu gestartet, und aufeinmal wird der Backround nicht mehr erkannt, obwohl es der genau gleiche Quellcode und JPG's sind...

Edit:
Ich habe es mal mit CSS versucht, so klappt es :

Code

<style type="text/css">
body {
	background-image: url(Bilder/bg.jpg);
}
</style>

GooMan · 23. Dezember 2010

Ist die HTML im selben ordner wie der ordner Bilder und die dateien?

Addickted · 23. Dezember 2010

Scheint ja wohl nicht alles gleich zu sein, sonst wäre es wie eben. Ordner verändert, Bildernamen oder Code nicht gespeichert. Kann viele Ursachen haben. Dreamweaver produziert viel Müll, ich würde es per Hand schreiben.