Benötige CSS Unterstützung, könnte mir jemand weiterhelfen?

...komplette Frage anzeigen

3 Antworten

Link oder Quellcode?

Versuchs mal mit !important, z.B.:

body { background-image:  url(../images/bg.gif) !important; }


AnnaLenaXXL 24.02.2017, 10:52

Ich hab mein CSS so aufgelistet

<style type="text/css">
body{
background-image: url(XXX.png);
background-repeat: no-repeat;
background-position: 50px 10px;
}
</style>

weis ja nicht ob's richtig ist, aber das Bild zeigt es auf der Webseite an, jedoch im Hintergrund, statt im Vordergrund :(, daher frage ich mich, wie ich dies überklappen kann dass das Bild vorne ist, statt hinten

0
ostfriesenjung 24.02.2017, 11:17
@AnnaLenaXXL

Entweder willst du einen Background (HINTERGRUND) wie der Name schon sagt steht das Bild dann immer im HINTERGRUND !
Alternativ setze ein Bild in eine DIV Box und setzte diese dann mit z-index  nach vorne

bildbox { z-index: 100; }

0
AnnaLenaXXL 24.02.2017, 11:27
@ostfriesenjung

Hi ostfriesenjung, danke für deine Alternative, könntest du mir evtl ein Vorschlag mit css (Div Box) geben, kannst mir auch eine PN schreiben, wäre überaus dankbar

0
andie00 24.02.2017, 11:30
@AnnaLenaXXL

Achso, also willst du ein Bild das im Vordergrund angezeigt wird und kein Hintergrundbild.

Das könntest du mit z-index machen, z.B.

<body>
...
<img src="XXX.png" style="position:absolute; top:280px; left:200px; z-index:200">
...
</body>
1
AnnaLenaXXL 24.02.2017, 11:45
@andie00

Erste Sahne, spitze, 1000 Dank für deine Sensationelle Hilfe/Unterstützung :), du hast meinen Tag gerettet ;)

0
AnnaLenaXXL 24.02.2017, 11:59
@AnnaLenaXXL

Kann man das auch irgendwie komplett befestigen?, wie eben als Bild im Hintergrund zu haben mit css?, bei mir scrollt das BIld immer ein stück mit runter und wenn man wieder rauf scrollt spickt das an den Ort zurück wo es eigentlich auch bleiben sollte

0
andie00 25.02.2017, 16:35
@AnnaLenaXXL

bei mir scrollt das BIld immer ein stück mit runter

verstehe nicht genau was du damit meinst, hast du einen link zu deiner Seite?

Versuch doch mal

 position: fixed; 
1
AnnaLenaXXL 25.02.2017, 16:58
@andie00

Hier kannst du meine ganze Webseite runterladen, es ist nur ein bruch der Webseite an daten drinnen, also index.html, css, js und einige Bilder zu der Webseite :(, ich hab da wirklich keine ahnung warum das Bild runterscrollt, aber ich denke das wirst du dann auch sehen - hier der Link zum Downloaden http://workupload.com/file/QEQPquT

0
andie00 25.02.2017, 18:47
@AnnaLenaXXL

Du hast in deiner index.html 2 body-Bereiche (Zeile 4-6 und ab Zeile 51), genauer gesagt hast du einfach mein Beispiel von oben 1:1 irgendwo im head reinkopiert.

1. Lösch den ersten body-Bereich
2. Schreib dein img irgendwo in deinem body-Bereich, z.B. Zeile 390 nach dem header:

...
  </div> </header>

<img src="2211.png" style="position:absolute; margin-top:-90px; left:1490px; z-index:200;">

<div class="j-menu-container"></div>

     <div class="b-inner-page-header f-inner-page-header b-bg-header-inner-page">
...

3. Wie du siehst habe ich beim CSS vom Bild top durch margin-top mit einem negativen Wert ersetzt (margin-top:-90px)

1
AnnaLenaXXL 25.02.2017, 21:48
@andie00

Liebe/r andie00, wie du ja siehst bin ich ein Mädchen, ein bisschen Unerfahren in HTML und CSS, auch wenn ich kein zu 100%tige Erfahrung mit dem hab, hab ich ein bisschen was von CSS gelernt und versucht was von CSS zu lernen, hab auch viele Videos auf YT von PanjuTorials - HTML & CSS Tutorial für Anfänger angeschaut , das ich 2 body dinge verschieden angewendet habe ist mir gerade selbst ein bisschen Peinlich, ich hab das so umgeändert und bin sehr mit dem Ergebnis zufrieden :), hast mir sehr weitergeholfen und muss sagen das ich deine Geduld sehr schätze, andere hätten mich schon längst links liegen gelassen wenn ihnen das zu doof wurde wenn ich nicht draus kam, du hast durchgehalten und mir weitergeholfen und das ist ein Stern und mein Respekt wert ;), bist einfach einmalig und bin froh das du mir geschrieben und geholfen hast, ich hoffe beim nächsten Problem wieder deine Hilfe in Anspruch nehmen zu dürfen, im kurzen Satz, 

1000 Dank für deine Sensationelle Hilfe/Unterstützung :)<33

0

Machst du die Seite über WordPress? Falls ja, dann kannst du doch viel einfach über die normalen Einstellungen den Hintergrund ändern, dafür brauchst du CSS nicht.

AnnaLenaXXL 24.02.2017, 10:26

Ne, besteht komplett aus HTML und zusätzliche CSS Einstellungen

0

Ich war und bin ja immer ein Fan davon, die Sachen zu sehen um sie zu verstehen.

Hier habe ich dir alles kommentiert. Es ist super easy:
https://jsfiddle.net/ozVetnik/tkc52xhd/

AnnaLenaXXL 24.02.2017, 19:53

Nice, danke, jedoch gibt es da noch ein Problem, das Bild scrollt automatisch mit runter wenn ich auf meiner Webseite nach unten scrollen möchte, wie kann man das Bild komplett einfrieren das es dort bleibt wo es eigentlich bleiben sollte? - sonst alles an sich, prima :)

0
AnnaLenaXXL 25.02.2017, 16:54
@ozVetnik

Ich habe dir hier meine Webseite in einer rar-datei eingefügt, quasi, index.html, css, js und einige bilder zu der Webseite, vllt hilft dir das weiter, den ich kann dies alles leider nicht in die Fiddle einfügen, einfach zu viele Dateien, hoffe du kommst da weiter als ich :(, hier hast du den Link wo du meine sachen runterladen kannst, kannst sie dann wieder an mich zurück schicken, solltest du es geschaft haben - http://workupload.com/file/QEQPquT - danke dir schon mal im voraus <3

0
ozVetnik 25.02.2017, 18:55
@AnnaLenaXXL

In ein Fiddle fügt man auch nur das ein, womit man ein Problem hat, wenn ich mir das hier ansehe ich das kein Wunder, dass du das nicht verstehst.

Haha was zur... Bis ich gerafft hatte, was du da gemacht hattest...

Hör mal ich will dich ja nicht deprimieren, aber ist das nicht ein bisschen zu groß für dein erstes Projekt?

Einen Online Store aufsetzen, wenn man ganz offensichtlich gar keinen Plan von dem ganzen Thema hat?

Du gehst in die "main-default.css" im CSS Ordner, suchst nach der Klasse ".b-bg-header-inner-page" und änderst dort das Bild. (Dort wo dein Bild gerade liegt wäre der Pfad: "../2211.png")
Dann wirst du auf das nächste Problem stoßen und ab hier würde ich dir raten, erstmal die Basics zu lernen, bevor du dich an ein 100+ Bibliotheken Template wagst.

BTW: Das Bild, welches zu da in HTML reingeklatsch hast, mit den ganzen styles im img-Tag kannst du wieder löschen. ;)

0
AnnaLenaXXL 25.02.2017, 22:00
@ozVetnik

Ich bin schon ein bisschen enttäuscht :(, klar hab ich mich an ein zu sehr grosses Projekt rangewagt, aber warum auch nicht? - von klein auf kann man zwar das Grundgerüst von CSS und HTML erlernen, und klar hab ich die ein und andere CSS und HMTL Erfahrungen gemacht, zum einen auf YT von PanjuTorials - HTML & CSS Tutorial, ich bin kein Genie was CSS anbelangt und klar brauchen selbst die Erfahrenste Leute mal von anderen eine kleine Hilfe, das du mich nun so darstellst als hätte ich 0 Ahnung/Erfahrung von CSS, geschweige HTML ect. finde ich sehr traurig, verletzend und schade, zum Glück konnte mir @andie00 zum Erfolg führen und somit mein Problem lösen ohne gross meine Kenntnis und Erfahrung mit CSS oder HTML ect. in frage zu stellen, ich denke ohne ihn wäre ich jetzt noch an meinem Problem am herumschlagen, das nenne ich mal eine seriöse Hilfe und bin mit seiner Hilfe mehr wie sehr zufrieden und ist ein Stern und mein Respekt wert, könntest da evtl eine scheibe von abschneiden, trotzdem danke auch für deine Hilfe, die mir zwar sehr wenig geholfen hat :(

0
ozVetnik 25.02.2017, 22:53
@AnnaLenaXXL

Hor mal, ich helfe gerne bei Problemen. Ich bin Webentwickler, da ist mein Job, also ich weiß wirklich wovon ich rede.

Ich meine das nicht böse wenn ich sage, such dir erstmal was kleineres. Du hast das Bild per img Tag als erstes Element den Body gelegt, dann ein Position:absolute drauf gelegt und wunderst dich warum es nicht funktioniert. Das zeigt einfach, dass du nicht verstanden hast wie html funktioniert.

Ich bin nicht dazu da alles für dich zu machen, ich zeige dir höchstens den Weg, daher auch meine Bitte zu "deinem Problem" ein Fiddle zu erstellen.

Das wonach du hier gefragt hast hätte auf stackoverflow die Daumen runter deines Lebens gehagelt.
Man läd nicht ein ganzes Projekt hoch und sagt mach mal und beschwert sich dann auch noch, das ist unverschämt.

0

Was möchtest Du wissen?