Du bist nicht angemeldet. [Anmelden]
alle Beiträge 1 2 > alle
Optionen
Thema bewerten
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
KnuddelWelli

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
huendchen

Registriert: 29.03.2007
Beiträge: 2.385
Zitat:
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
huendchen

Registriert: 29.03.2007
Beiträge: 2.385
Zitat:
<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
KnuddelWelli

Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
Zitat:
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
huendchen

Registriert: 29.03.2007
Beiträge: 2.385
Zitat:
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.

Zitat:
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/

Zitat:
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
KnuddelWelli

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:

Zitat:
Zitat:
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
huendchen

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
KnuddelWelli

Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
Ach ja, und du musst folgendes auf deiner Seite irgendwo einfügen:

Code:
&lt;!--[if lt IE 8]&gt;
&lt;script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;![endif]--&gt;

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
KnuddelWelli

Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
Zitat:
<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
KnuddelWelli

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]  
Re: hintergrundbild [Re: KnuddelWelli] - #1574284 - 11.09.2008, 20:05:05
Gänschen
Nicht registriert


ich habe jetzt einen code von ramnips homepa genommen und habe das bild auf der rechten seite aber leider noch nicht links
dies ist der code


<style type="text/css"><!--body{background-image:url('http://img1.dreamies.de/img/389/b/VyF8TlpFBc.gif'); background-position: top left; background-repeat: repeat-y; background-attachment:fixed;}--></style>

aber ich werde es weiter versuchen
nochmals danke für eure hilfe

lg eva

[zum Seitenanfang]  
alle Beiträge 1 2 > alle