hintergrundbild zentrieren
karinsch
- html
0 thomas-tgd0 karinsch0 MudGuard0 thomas-tgd0 MudGuard
0 siro
Hallo!
Ich hab folgenden <body>:
<body background="../bilder/hg.jpg" topmargin="0">
Was muß ich da jetzt noch schreiben, damit das Hintergrundbild zentriert auf der Seite steht (egal welche Bildschirmgröße), das Hintergrundbild nicht nebeneinander gekachelt wird, aber untereinander muß es gekachelt sein, falls die Seite länger wird...
Wie mach ich das?
Vielen Dank im Voraus!
lg Karin!
Hallo!
Ich hab folgenden <body>:
<body background="../bilder/hg.jpg" topmargin="0">Was muß ich da jetzt noch schreiben, damit das Hintergrundbild zentriert auf der Seite steht (egal welche Bildschirmgröße), das Hintergrundbild nicht nebeneinander gekachelt wird, aber untereinander muß es gekachelt sein, falls die Seite länger wird...
Wie mach ich das?
Mit CSS.
<body topmargin="0" style="background-image:url(../bilder/hg.jpg);
background-repeat:no-repeat;background-position:center middle;">
Schau auch noch hier: http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm
Einen schönen Tag noch.
Thomas tgd
DANKESCHÖN!!
lg Karin!
Hi,
<body style="background-image:url(../bilder/hg.jpg);
background-repeat:no-repeat;background-position:center middle;">
background-repeat:repeat-y;
denn in der vertikalen soll ja gekachelt werden.
background-position:center top;
einerseits, weil background-position kein middle kennt (siehe http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-position}
andererseits, weil ja nur horizontal zentriert werden soll, vertikal soll ja wiederholt werden.
und das nicht-HTML-Attribut topmargin="0" kann man auch gleich noch durch
margin-top:0;
im CSS ersetzen.
cu,
Andreas
Hi,
einerseits, weil background-position kein middle kennt (siehe http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-position}
Und warum steht dann in de von mir geposteten Link hier im SelfHTML
das middle geht ?:o)
und das nicht-HTML-Attribut topmargin="0" kann man auch gleich noch durch
margin-top:0;
im CSS ersetzen.
Stimmt ist mir bekannt, aber danachwar nicht gefragt ;-)
cia
Thomas tgd
Hi,
einerseits, weil background-position kein middle kennt (siehe http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-position}
Und warum steht dann in de von mir geposteten Link hier im SelfHTML
das middle geht ?:o)
Weil SelfHTML schlicht und einfach nicht fehlerfrei ist.
Und weil leider die gemeldeten Errata seit langem zwar gesammelt, aber wohl nicht verarbeitet werden...
und das nicht-HTML-Attribut topmargin="0" kann man auch gleich noch durch
margin-top:0;
im CSS ersetzen.
Stimmt ist mir bekannt, aber danachwar nicht gefragt ;-)
Das war auch mehr für karinsch bestimmt.
cu,
Andreas
Hallo.
Ich glaube, du kommst da wohl nicht um ein bisschen CSS rum.
http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm
Damit kannst du dann zumindest die Wiederholung abstellen.
Das Bild kriegst du damit aber IMHO auch ncht zentriert.
Du müsstest wahrscheinlich einen Trick anwenden,
wie z.B. das Hintergrundbild in einen zentrierten Layer zu schreiben.
Siehe dazu http://css.fractatulum.net/sample/layout4format.htm.
Ich hoffe, dass es dir hilft.
MfG _Siro.
Hi,
Ich glaube, du kommst da wohl nicht um ein bisschen CSS rum.
http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm
Damit kannst du dann zumindest die Wiederholung abstellen.
Das Bild kriegst du damit aber IMHO auch ncht zentriert.
Warum nicht? background-position bietet ausreichend Möglichkeiten (wobei auf der SelfHTML-Seite leider ein Fehler ist, middle ist KEIN gültiger Wert für background-position)
Du müsstest wahrscheinlich einen Trick anwenden,
wie z.B. das Hintergrundbild in einen zentrierten Layer zu schreiben.
Absolut unnötig. einfach background-position verwenden.
cu,
Andreas
Hallo.
Damit kannst du dann zumindest die Wiederholung abstellen.
Das Bild kriegst du damit aber IMHO auch ncht zentriert.Warum nicht? background-position bietet ausreichend Möglichkeiten (wobei auf der SelfHTML-Seite leider ein Fehler ist, middle ist KEIN gültiger Wert für background-position)
'oppala. Naja aähm also. Du hast wohl recht.
Ist wohl schon zu lange her, dass ich SelfHTML durchgelesen hab. (-:
MfG _Siro.