Liebe Krieger groß und klein, Regeln müssen immer sein. Drum bitten wir einen Besuch beim Schimmerfelsen zu begehn, um das Gesetz der Krieger zu lesen und zu verstehn. Haltet euch stets an das Gesetz und eure Pflichten, sonst wird der SternenClan über euch richten.
Diese liebenswerten User helfen dir bei jedem Problem was in ihrem Bereich der Möglichkeiten liegt. Klick auf den Button um sie näher kennen zu lernen!
und meine Frage dazu wäre folgende: Ich würde den Schriftzug "Pumapfote" gern teilweise in das quadratische Bild schieben, jedoch springt mir das Bild dann in die nächste Zeile. (was auch Sinn ergibt, immerhin sind das zwei Container gleicher Ebene) Wenn ich versuche, das Bild als Hintergrund einzustellen, wird mir das Bild gar nicht angezeigt oder ist falsch platziert und ich habe keine Ahnung, wie ich sage: "Der div sei 500px breit, das Bild sei 200px x 200px und liegt als Hintergrund rechtsbündig" Das Problem ist da, glaube ich, dass das Bild quadratisch ist und somit als Hintergrund ungeeignet ist. Denn der Hintergrund wäre eine Mischung aus dem Bild, was rechts liegt und der generellen .grundlage Hintergrundfarbe (orange)
Ich habe auch schon ausprobiert, den Schriftzug-Container über den Bild-Container zu legen, aber auch da wird es mir fehlerhaft angezeigt. *hilfe* :D
Und eine 'andere' Frage hätte ich auch noch: Und zwar sieht mein gesamter Code sehr unübersichtlich aus, da man, wenn man den Code einsetzen möchte, keine zusätzlichen Zeilenumbrüche setzen darf, da sonst die Elemente verschoben werden, allerdings kenne ich Codes von anderen, die die ganzen divs in einer neuen Zeile aufmachen können, ohne dass etwas nach unten geschoben wird...
Anzahl der Beiträge : 2157 Anmeldedatum : 02.05.16
@Blitzkralle: Ich habe mir dein Problem mal angesehen.
Mein erster Gedanke war, mach doch einfach 2 HTML Boxen nebeneinander. Dann hast du den Text und das Bild nebeneinander. Doch beim weiterlesen habe ich gesehen, dass du den Text gerne IM Bild hättest. Jedenfalls so ein bisschen.
Ich habe mir deinen Code mal geschnappt und damit ein wenig rumgespielt und nun sieht er so aus: https://i.servimg.com/u/f62/19/42/34/95/screen10.png
Anzahl der Beiträge : 1593 Anmeldedatum : 27.11.17
Nice, also wenn ich das jetzt richtig verstehe, liegt der Schriftzug im Bild-div und der Bild-div hat das Bild als Hintergrund, so funktioniert das ohne Probleme, danke dafür. (komisch, das habe ich versucht und bei mir hat das nicht geklappt xd)
Eine Verständnisfrage hätte ich da: Wo genau finde ich die "Einstellung", also den Grund, dass das Bild rechtsbündig liegt? (wenn ich nämlich margin-right: 10px entferne, liegt es immer noch rechts :D)
Anzahl der Beiträge : 2157 Anmeldedatum : 02.05.16
@Blitzkralle: Ganz genau. Die Schrift im DIV des Bildes und das Bild als Hintergrund.
Was das Bild angeht, das hat die Größe 500x200px oder anders gesagt, die Katze ist rechts xD Mit deinem Bildcode wäre das nicht so gewesen, wie du es haben wolltest, sprich rechts. Wenn es dich aber nicht stört, dass die Katze in der Mitte ist, dann kannst du wieder deinen Bildlink einfügen, doch müsstest du das Bild erst per GIMP oder so zuschneiden, da sie etwas abgehackt wird sonst.
