hintergrundbild
- #1573946 - 11.09.2008, 15:02:14
|
Gänschen
Nicht registriert
|
kann mir jemand helfen möchte auf meiner hp das hintergrundbild nur am rechten und linken rand zusehen ist wenn ich das bild reinstehle ist es auf der ganzen seite zusehen
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: ]
- #1573983 - 11.09.2008, 15:49:18
|
Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
|
Sorry, aber links UND rechts wird nicht gehen. Entweder NUR rechts oder NUR links. Dann kann man dir helfen. Es ginge über kompliziertere Umwege sicherlich, das käme aber auf das Bild an...
Gruß, Kat glücklich
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: KnuddelWelli]
- #1574002 - 11.09.2008, 16:08:53
|
Registriert: 29.03.2007
Beiträge: 2.385
|
div#wrapper:before { background:url('hintergrundbild') (no-)repeat top left; position:absolute; width:20px; top:10px; left:0; } div#wrapper:after { background:url('hintergrundbild') (no-)repeat top right; position:absolute; top:10px; left:0; width:20px; } So oder so aehnlich .. muesstest halt bissel mit den Werten rumspielen, bis es passt, ob sich das ganze wiederholen soll oder nicht wie hoch das sein soll .. und wie die Darstellung letztendlich aussieht, haengt von dir und deinem (nicht?) vorhandenem Wissen, ueber Wertzuweisungen ab. Muesstest allerdings deinen Inhalt in einen div-Kontainer packen, der die ID wrapper hat.
Bearbeitet von huendchen (11.09.2008, 16:10:02)
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: KnuddelWelli]
- #1574012 - 11.09.2008, 16:20:44
|
Gänschen
Nicht registriert
|
ich wäre auch schon froh wenn ich es nur rechts oder linke hinbekämme
gruss eva
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: huendchen]
- #1574017 - 11.09.2008, 16:22:46
|
Gänschen
Nicht registriert
|
danke für deine antwort aber bitte was ist ein ID wrapper
gruss eva
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: ]
- #1574035 - 11.09.2008, 16:40:15
|
Registriert: 29.03.2007
Beiträge: 2.385
|
<style type="text/css">div#wrapper:before { background:url('hintergrundbild') repeat top left; content:"";position:absolute;display:block;width:20px;top:10px; left:0;/*height:1024px*/}div#wrapper:after { background:url('hintergrundbild') repeat top right;position:absolute;display:block;content:"";top:10px;left:0;width:20px;/*height:1024px*/}</style>
<div id="wrapper"><!-- Das was du bissher auf deiner HP hattest kommt hier rein --></div> Ob es so funktioniert, weiss ich nicht. Ob der FF after und before nicht etwas anders auslegt als Opera und Safari, weiss ich nicht und der IE duerfte es auch erst mit der Version 7 verstehen. Es ist nur einer meiner Schnellschuesse, ohne wirklich in deinen Quellcode geschaut zu haben. Alles was hier steht, gilt also nur unter Vorbehalt.
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: huendchen]
- #1574045 - 11.09.2008, 16:50:26
|
Gänschen
Nicht registriert
|
danke
werde es mal versuchen
gruss eva
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: huendchen]
- #1574053 - 11.09.2008, 16:55:08
|
Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
|
Ob es so funktioniert, weiss ich nicht. Ob der FF after und before nicht etwas anders auslegt als Opera und Safari, weiss ich nicht und der IE duerfte es auch erst mit der Version 7 verstehen. Von daher ist - pardon, ich greife deine Kenntnisse in keinster Weise an huendchen - deine Lösung äußerst unbrauchbar, für einen User, der sich an sich gar nicht für HTML und CSS interessiert, sondern einfach nur sein Hintergrundbild ausgerichtet haben möchte. Da die meisten desinteressierten User den IE verwenden, einige wenige auch den FF, wäre eine Lösung, die sicher in diesen beiden Browsern funktioniert, die bessere. *denk* Leider weiß ich da auch nicht weiter, da der IE das position:fixed mit der Version 7 ja noch nicht unterstützt. Weiß jemand, ob sich da beim 8er was tut? Gruß, Kat
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: huendchen]
- #1574058 - 11.09.2008, 17:00:34
|
Gänschen
Nicht registriert
|
sorry noch eine frage
muss ich das in die zeile URL eingeben
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: KnuddelWelli]
- #1574063 - 11.09.2008, 17:04:56
|
Registriert: 29.03.2007
Beiträge: 2.385
|
Von daher ist - pardon, ich greife deine Kenntnisse in keinster Weise an huendchen - deine Lösung äußerst unbrauchbar, für einen User, der sich an sich gar nicht für HTML und CSS interessiert, sondern einfach nur sein Hintergrundbild ausgerichtet haben möchte. Wenn ich einen Angriff sehe, werde ich mich zu Wort melden lach Ich denk mal, dass wenn jemand Lust und Laune hat, der sich auskennt ansetzen moechte, dann haette er zumindest mal eine Basis. Leider weiß ich da auch nicht weiter, da der IE das position:fixed mit der Version 7 ja noch nicht unterstützt. Weiß jemand, ob sich da beim 8er was tut? Dann bring es ihm einfach bei: http://code.google.com/p/ie7-js/ Da die meisten desinteressierten User den IE verwenden, einige wenige auch den FF, wäre eine Lösung, die sicher in diesen beiden Browsern funktioniert, die bessere. *denk* In beiden Browsern?! Imho wird das nie gehen, denn IE und FF sind wie Tag und Nacht. Im Uebrigen gibt es eine relativ simple Methode sowas umzusetzten -> Multiple Background Modul, das aber nur von einem Safari nightbuild unterstuetzt wird aber frag doch noch mal in vier bis fuenf Jahren grins
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: ]
- #1574067 - 11.09.2008, 17:06:11
|
Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
|
Wenn du möchtest, dass dein Bild nicht fixiert und über die ganze Homepage verteil ist, dann nicht. (Bezogen auf eine Bild-URL) Falls du das von huendchen meinst: Bitte alles hintereinander weg schreiben, da der Knuddels-Editor sonst das CSS zerstört. Am besten in die Überschriftenzeile ganz oben, oder das Feld direkt darunter. Gruß, Kat EDIT: Leider weiß ich da auch nicht weiter, da der IE das position:fixed mit der Version 7 ja noch nicht unterstützt. Weiß jemand, ob sich da beim 8er was tut? Dann bring es ihm einfach bei: http://code.google.com/p/ie7-js/ Und das funktioniert? Wenn ja, hätte ich folgenden Lösungsansatz, der dann auch in beiden Browsern fnktionieren sollte:
<div name="links" style="background-image:url('[color:"blue"]HIER DIE ADRESSE DES HINTERGRUNDBILDES[/color]'); background-repeat:repeat-y; background-position:left top; width:[color:"blue"]BREITE DES BILDES IN PIXELN[/color]px; height:100%; position:fixed; top:20px; left:0px; z-index:-500;"></div>
<div name="rechts" style="background-image:url('[color:"blue"]HIER NOCHMAL DIE ADRESSE DES HINTERGRUNDBILDES[/color]'); background-repeat:repeat-y; background-position:left top; width:[color:"blue"]BREITE DES BILDES IN PIXELN[/color]px; height:100%; position:fixed; top:20px; right:0px; z-index:-500;"></div>
So sollte das eigentlich klappen. Du hast hier nun zwei Div-Container, die fest am rechten bzw. linken Rand ausgerichtet sind. Als Hintergrund haben sie das von dir gewünschte Hintergrundbild, welches du an der blau markierten Stelle einfach nu noch die Adresse (URL) reinkopieren musst. Bei width musst du die Breite des Bildes reinschreiben, damit es auch wirklich nur dort dargestellt wird. Nach unten hin wird das Bild wiederholt. Es scrollt nicht mit, sollte die Seite so lang werden, dass eine Scrollbar erscheint.
Blah & blubb, falls noch Fragen bestehen, einfach nachfragen. Die Batterien meiner Schnurlostastatur sind jetzt leider leer, muss Batterien suchen gehen. lach
Bearbeitet von KnuddelWelli (11.09.2008, 17:16:57)
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: KnuddelWelli]
- #1574073 - 11.09.2008, 17:12:13
|
Gänschen
Nicht registriert
|
interesse habe ich schon nur bin ich auf den gebiet noch neuling für mich ist das alles noch ein buch mit 7 siegeln aber ich lerne jeden tag was dazu
gruss eva
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: ]
- #1574077 - 11.09.2008, 17:15:13
|
Registriert: 29.03.2007
Beiträge: 2.385
|
Eine Frage, haette ich allerdings noch dazu: Wie sieht denn ueberhaupt die Hintergrundgrafik aus?! Was genau davon moechtest du dann links und rechts haben?!
-hust- Trafficklau (ganz boese Knuddelwelli) lach
Bearbeitet von huendchen (11.09.2008, 17:20:13)
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: huendchen]
- #1574081 - 11.09.2008, 17:18:15
|
Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
|
Ach ja, und du musst folgendes auf deiner Seite irgendwo einfügen: <!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]--> Da war die Editierzeit leider vorbei. lach Gruß, Kat
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: huendchen]
- #1574090 - 11.09.2008, 17:27:52
|
Gänschen
Nicht registriert
|
der hintergrund ist einfach grün ich möchte ein bild an den rand stellen
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: KnuddelWelli]
- #1574136 - 11.09.2008, 18:04:07
|
Gänschen
Nicht registriert
|
kannst du mal dir meine hp ansehen habe deinen vorschlag ausprobiert aber so ganz ist es nicht gelungen
gruss eva
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: ]
- #1574154 - 11.09.2008, 18:20:36
|
Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
|
<div name="links" style="background-image:url(<a href="http://www.dreamies.de/" target="_blank"><img src="http://img1.dreamies.de/img/389/b/VyF8TlpFBc.gif" border="0"></a></div>
<div name="rechts" style="background-image:url(<a href="http://www.dreamies.de/" target="_blank"><img src="http://img1.dreamies.de/img/389/b/VyF8TlpFBc.gif" border="0"></a></div> Das steht auf deiner HP. Wo ist denn der Rest des Codes? Und wieso fügst du einen Link + einen ganzen IMG-Tag dort ein? Das ganze sollte so aussehen (und so kopierst du das bitte auch auf deine HP): - <!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script> <![endif]-->
<div name="links" style="background-image:url('http://img1.dreamies.de/img/389/b/VyF8TlpFBc.gif'); background-repeat:repeat-y; background-position:left top; width:200px; height:100%; position:fixed; top:20px; left:0px; z-index:-500;"></div>
<div name="rechts" style="background-image:url('http://img1.dreamies.de/img/389/b/VyF8TlpFBc.gif'); background-repeat:repeat-y; background-position:left top; width:200px; height:100%; position:fixed; top:20px; right:0px; z-index:-500;"></div>
Gruß, Kat
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: KnuddelWelli]
- #1574173 - 11.09.2008, 18:45:01
|
Gänschen
Nicht registriert
|
sorry es geht nicht habe es kopert und reingesetzt aber es geht nicht
lg eva
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: ]
- #1574185 - 11.09.2008, 18:54:53
|
Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
|
[img]http://i36.tinypic.com/35858hy_th.jpg[/img] Also bei mir funktionierts... (vermutlich funktioniert huendchens "Lösungs-JS" doch nicht, sodass im IE einfach nichts passiert) Gruß, Kat
|
|
[zum Seitenanfang]
|
|
Re: hintergrundbild
[Re: KnuddelWelli]
- #1574197 - 11.09.2008, 19:07:48
|
Gänschen
Nicht registriert
|
danke für deine hilfe aber ich verstehe nicht warum geht es bei dir geht und bei mir nicht
lg eva
|
|
[zum Seitenanfang]
|
|