hintergrundbild mit css positionieren?
phil
- css
nada es geht immer besser :D
hab nun alle fehler behoben ausser das mit dem hover klappt noch nicht
ganz so wie ich das will! aber erst ma beiseite!!!
Mein Problem
Ich hab meine Hintergrundgrafik (logo) in der linken oberen Ecke so
eingebunden!
<body>
<div id="container" style="background-image:url(logo.gif); background-repeat:no-repeat; ">
Kann ich die position nun mit css noch genauer definieren? es sollte
nach links und nach oben leicht aus dem container schauen!!!
is diss possible?
oder muss ich das logo anderst einbinden? muss ja nicht umbedingt ein bg sein!
Kann mir jemand helfen?
MfG
Phil
Hello out there!
<div id="container" style="background-image:url(logo.gif); background-repeat:no-repeat; ">
Pfui Inline-Styles!
Kann ich die position nun mit css noch genauer definieren?
Willst du uns hier etwa weißmachen, dass deine Suche nach "background position" nichts ergeben hat?
See ya up the road,
Gunnar
Hi gunnar doch doch, guck hier!
<body>
<div id="container" style="background-image:url(logo.gif); background-repeat:no-repeat; background-position:center; background-position:top;">
ah jetzt hab ichs gefunden!!!
<style type="text/css">
#container {
background-image:url(logo.gif); background-repeat:no-repeat;
background-position:-10px -10px;
}
</style>
</head>
<body>
<div id="container">
</div>
</body></html>
jedoch wird das bild nun vom container beschnitten!
könnte ich es jetzt auch noch in den body laden und so ein bissel mogeln?
mfg
hallo,
jedoch wird das bild nun vom container beschnitten!
könnte ich es jetzt auch noch in den body laden und so ein bissel mogeln?
Das wäre nicht gemogelt, sondern durchaus korrekt. Und es läßt sich noch mehr verkürzen:
<style type="text/css">
body {background: #FFF url(logo.gif) no-repeat -10px -10px;}
</style>
Dann müßtest du allerdings die Positionierungsangaben nochmal überdenken. Negative Werte sind zwar problemlos möglich, aber nicht immer sehr elegant.
Grüße aus Berlin
Christoph S.
Hello out there!
<style type="text/css">
#container {
background-image:url(logo.gif); background-repeat:no-repeat;
background-position:-10px -10px;
}
</style>
Na, sieht schon besser aus. Ich würde allerdings jeder Deklaration eine neue Zeile spendieren.
jedoch wird das bild nun vom container beschnitten!
Erwartest du, ein Hintergrundbild würde aus der Box des Elements herausragen?
See ya up the road,
Gunnar
Willst du uns hier etwa weißmachen...?
Nee,
das war doch die Klementine ;)
Best wishes, imho_tep
welche klementine denn?
meinst du den content-lutscher? ;)
Grütze .. äh ... Grüße!
welche klementine denn?
meinst du den content-lutscher? ;)
Du kennt Klementine nicht *lach* Als nächstes erzählst du uns noch, daß du auch nicht weißt, wie man mit den drei Muscheln umgeht ..
scnr
Cü
Kai
welche klementine denn?
meinst du den content-lutscher? ;)
Nein. Stichwort: Waschmittel-Werbung - in den 70er Jahren, wenn meine
Erinnerung richtig ist. Die Dame dürfte inzwischen in einer besseren
Welt sein.
imho_tep
welche klementine denn?
meinst du den content-lutscher? ;)
Nein. Stichwort: Waschmittel-Werbung - in den 70er Jahren, wenn meine
Erinnerung richtig ist. Die Dame dürfte inzwischen in einer besseren
Welt sein.
imho_tep
Ach die Oma von ACE, was iteressiert mich die, da hab ich schärfere muscheln am strand^^
Hi,
Nein. Stichwort: Waschmittel-Werbung - in den 70er Jahren, wenn meine
Erinnerung richtig ist. Die Dame dürfte inzwischen in einer besseren
Welt sein.
Johanna König-Hock ist 86 und meines Wissens noch in dieser Welt.
cu,
Andreas
Willst du uns hier etwa weißmachen...?
Nee, das war doch die Klementine ;)
welche klementine denn?
Junger Mann, das ist ein Avatar aus einer Zeit, in der noch Wählscheiben existierten.
Roland
hallo,
oder muss ich das logo anderst einbinden?
Du mußt nicht, aber du kannst. Dein Logo braucht nicht einmal ein eigenes <div>. Beschäftige dich einfach nochmal gründlicher mit den entsprechenden Angaben in SELFHTML.
Grüße aus Berlin
Christoph S.