Background Pic
gary
- css
Hallo zusammen,
Noob-Frage:
Hintergrundbild mit css realisierbar? Wenn ja- was ist besser Html/CSS?
Gruss gary
Grüße,
ja, css
.bla{
backgorund-image:url(bildchen.jpg);
}
MFG
bleicher
Hi bleicher,
Gut, dann kommt jetzt hier die Profi-Frage:
Dann liesse sich per css Beispielsweise der Hintergrund dynamich verändern? Also in Verbindung mit JavaScript und entsprechenden vordefinierten CSS-Styles die aufsgetauscht werden?
Grüsse gary
Grüße,
für JS ist es wurst wo due den background gesetzt hast - es wird auf objekteigeshaft gegriffen - über ID zB. und ja du kansn tBG ändern es gibt glaube ich sogar ein beispiel für in der JS-abtelung der de.selfhtml.org.
grob gesagt - "getElementById('ding').style.background" sei mit dir
MFG
bleicher
Hi bleicher,
Gut, danke für die Info. War so ein Gedankensprung von mir, für zukünftige Webprojekte. Es gibt ja nur im Bereich morphogene Menü's (mit Ausklappen, Hintergrundanpassung usw.) so viele stylisch gut gemachte Lösungen. Da habe ich gedacht mit CSS ein bischen zusätzliche Bewegung durch einbeziehung des Hintergrundes hinein zu bekommen.
Eine Idee von mir (allerdings muss ich da noch viellernen):
Ein Hintergrund, der aus zwei oder drei Layer besteht. Wenn der Besucher der Seite abwärts scrollt, bewegen sich die Layer unterschiedlich schnell mit. Dabei soll gelten, je weiter hinten, je langsamer wird mitgescrollt. Sowas müsste ein wunderbaren 3D-Effekt ergeben.
Aber wie gesagt, ist nur so ne spinnerei für später. Das limit liegt nur im Kopf und beim "Können" - letzteres happert hat noch.
Viele Grüsse und Bye
gary
Hallo zusammen,
Noob-Frage:
Hintergrundbild mit css realisierbar? Wenn ja- was ist besser Html/CSS?
Gruss gary
Kommt drauf an, in Strict muss es in die CSS Datei. Bei Transitional kann es in die HTML Datei mit rein.
Der CSS Code ist:
body {
background-image:url(www.bildadresse.de/bild.png);
}
Hi blackerking,
Merci - bleicher war schneller...
Trotzdem Danke
Gruss gary
Hallo zusammen,
Noob-Frage:
Hintergrundbild mit css realisierbar? Wenn ja- was ist besser Html/CSS?
Gruss gary
Kommt drauf an, in Strict muss es in die CSS Datei. Bei Transitional kann es in die HTML Datei mit rein.
Der CSS Code ist:
...falsch
body {
background-image:url(www.bildadresse.de/bild.png);
}
Wenn die Adresse mit www beginnt, leigt es wohl in einem anderen Angebot und dann muss auch das Protokoll (http oder ftp) mit angegeben werden. Richtig wäre wahrscheinlich
body {
background-image:url(www.bildadresse.de/bild.png);
}
Aber nciht sinnvoll - wozu von einem anderen Angebot abhängig machen? Besser man legt die Datei in ein Unterverzeichnis der eigenen Website.
Wenn es ein eigenes Verzeichnis für die CSS-Dateien gibt (was sinnvoll ist), muss der Pfad mit einem ../ beginnen, um ein Verzeichnis höher zu wechseln. Von hier wechselt man wahrscheinlich in einen image-Ordner (z. B. img) Dann lautet das CSS ungefähr so:
body {
background-image:url(../images/bild.png);
}
Oder
body {
background-image:url(/images/bild.png);
}
Wenn man erst in das root-Verzeichnis der Site wechseln möchte.
Gruß, Marc
KORREKTUR:
Wenn die Adresse mit www beginnt, leigt es wohl in einem anderen Angebot und dann muss auch das Protokoll (http oder ftp) mit angegeben werden. Richtig wäre wahrscheinlich
NICHT
body {
background-image:url(www.bildadresse.de/bild.png);
}
SONDERN:
body {
background-image:url(http://www.bildadresse.de/bild.png);
}
Peinlich, peinlich... :-)
Gruß, Marc