Witschi262
Blogger
Hallo,
ich habe ein Hintergrundbild erstellt, möchte dieses aber gerne zentrieren.
Wie funktioniert das?
Witschi
ich habe ein Hintergrundbild erstellt, möchte dieses aber gerne zentrieren.
Wie funktioniert das?
Witschi
Hintergrundbild zentrieren
- Ersteller Witschi262
- Erstellt am
_Thor_
Aktives Mitglied
Mit background-position.
Hier findest du alles, was du über background wissen musst background: Hintergrundbilder: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Hier findest du alles, was du über background wissen musst background: Hintergrundbilder: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Witschi262
Blogger
Danke, aber ich habe mein Problem doch schon anders gelöst, als ich gemerkt habe, das das, was ich habe nicht gut ist...
Witschi262
Blogger
Und jetzt auf einmal, geht mein Hintergrund garnichtmehr...
Code:
body
{
background-image: url("h.jpg")
background-color: none;
background-repeat: repeat;
}
nichtsgeht
Neues Mitglied
... und nehme mal die Anführungszeichen raus. Das gibt manchmal Probleme.
_Thor_
Aktives Mitglied
Hab ich noch nie erlebt, dass die Anführungszeichen Probleme machen, hast du dafür mal ein Beispiel? Weil sogar in der Spezifikation des W3C wird der Pfad in Anführungszeichen geschrieben. Colors and backgrounds
nichtsgeht
Neues Mitglied
Ich hatte es damals mit Anführührungszeichen gemacht. Bei einem Browser wurde es nicht angezeigt (weiss aber nicht mehr welcher). Vielleicht ist dieses auch nicht mehr relevant. Ist auch schon lange her. Ich versuche mal was rauszubekommen.
Ps: Wir hatten das Thema aber auch schon mal vor 2 Jahren. z.B. hier: http://www.html.de/html-und-xhtml/14117-bild-als-hintergrund.html
Edit: So ganz kann es aber nicht stimmen, den dieses geht bestimmt nicht:
;)
Ps: Wir hatten das Thema aber auch schon mal vor 2 Jahren. z.B. hier: http://www.html.de/html-und-xhtml/14117-bild-als-hintergrund.html
Edit: So ganz kann es aber nicht stimmen, den dieses geht bestimmt nicht:
Code:
<div style="background-image: url("bild.gif");">
Zuletzt bearbeitet:
Witschi262
Blogger
Okay, eure Anweisungen haben nicht funktioniert.
Hiermal das ganze script (meckert nicht an meine <br />!!)
Hiermal das ganze script (meckert nicht an meine <br />!!)
Code:
<html>
<head>
<style type="text/css">
body
{
background-image; url("h.jpg")
background-color: none;
background-repeat: repeat;
}
img
{
border:none;
}
#navi
{
padding-left: 0px;
padding-top: 0px;
}
ul {
border-width: thin;
border-style: solid;
border-color: orange;
margin-top: 250px;
margin-right: 700px;
margin-bottom: 0px;
margin-left: 0px;
background: none;
}
h6 {
border-width: thin;
border-style: solid;
border-color: orange;
margin-top: -100px;
margin-right: 200px;
margin-bottom: 100px;
margin-left: 200px;
background: #FFFFFF;
}
</style>
<title>Sticktion</title>
</head>
<body text="#FFA500" alink="#FFA500" vlink="#FFA500">
<center><img src="logo.jpg"></center>
<img align=right src="stick.jpg">
<h6>
<b>
<ul id="navi">
<center><font size="1"><b>
<br /><br />
<a href="index.htm">Home</a><br /><br />
<a href="index.htm">Animationen</a><br /><br />
<a href="index.htm">Animationen für Kinder</a><br /><br />
<a href="index.htm">Bewertung</a><br /><br />
<a href="index.htm">Wie wird's gemacht?</a>
<br /><br /><br /><br />
</font></center>
</ul>
</b>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</h6>
</body>
</html>nichtsgeht
Neues Mitglied
und wo ist das Semikolon ?
DOCTYPE würde ich noch reinsetzen. Und nebenbei habe ich noch weitere fehler gefunden, wie z.B. das fehlede alt im <img src=....>
Code:
<html>
<head>
<style type="text/css">
body
{
background-image; url("h.jpg")[COLOR=Red][B];[/B][/COLOR]
background-color: none;
background-repeat: repeat;
}DOCTYPE würde ich noch reinsetzen. Und nebenbei habe ich noch weitere fehler gefunden, wie z.B. das fehlede alt im <img src=....>
neuroleptika
Aktives Mitglied
Der IE5.x mac hatte mit einfachen Anführungszeichen (single quotes) Probleme.
