Wie kann ich ein Bild relativ zur Sidebar positionieren? ...

Tobi91

... Und dann das Bild so weit nach oben schieben, dass das Bild ein Stück vom Headerbild überdeckt. Vielen Dank.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

alchymyth

css-grundlagen:

zB
http://www.w3schools.com/Css/css_positioning.asp

Tobi91

Zitat von alchymyth

css-grundlagen:
zB
http://www.w3schools.com/Css/css_positioning.asp

Danke, und wie bekomme ich das Bild so positioniert, dass es über den Rand von der Sidebar hinausgeht?
Im Testblog zu sehen: http://tollerurlaub.bplaced.net/test/

alchymyth

Code

#pfeil img { position:absolute; top:250px; }
#primary{padding-top:50px;}

zahlenwerte anpassen.

Tobi91

Vielen Dank. Super Hilfe.
Nur noch eine Sache: Wie verschiebe ich den Pfeil etwas weiter nach rechts?

alchymyth

versuch:
http://www.w3schools.com/cssref/pr_pos_left.asp http://www.w3schools.com/cssref/pr_pos_right.asp

Tobi91

Ja, danke. Habe es jetzt so hingekriegt.
Bin mir nur nicht ganz sicher, ob das auch alles so richtig ist.
Zum Beispiel bei anderen Browsern und allgemein vom Quelltext her.

alchymyth

Zitat

Bin mir nur nicht ganz sicher, ob das auch alles so richtig ist.
Zum Beispiel bei anderen Browsern und allgemein vom Quelltext her.

sieht zB auch im 'alten' IE7 gut aus; Twenty Ten ist ziemlich konservativ was den code angeht.

es gibt Browser-vergleichs-webseiten, zB http://browsershots.org/
und wegen quelltext und so, teste deine webseite zB mit http://validator.w3.org/ und http://jigsaw.w3.org/css-validator/ (gibt es wahrscheinlich auch auf deutsch ?)

Tobi91

Zitat

[Blockierte Grafik: http://validator.w3.org/images/info_icons/error.png] Line 42, Column 75: script element between head and body.
…type="text/javascript" src="https://apis.google.com/js/plusone.js">// <=!=[=C=D=A=T=A=[ ✉
[Blockierte Grafik: http://validator.w3.org/images/info_icons/error.png] Line 42, Column 75: Cannot recover after last error. Any further errors will be ignored.
…type="text/javascript" src="https://apis.google.com/js/plusone.js">// <=!=[=C=D=A=T=A=[

Das sagt mir der validator. Ich hab keine Ahnung was das bedeutet. Ich habe meine "Original-Webseite" geprüft.

Tobi91

[Blockierte Grafik: http://validator.w3.org/images/info_icons/error.png] Line 77, Column 25: Element div not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
<div class="pfeilmittig"> Contexts in which element div may be used:Where flow content is expected.Content model for element ul:Zero or more li elements.

Das sagt der Validator zu tollerurlaub.bplaced.net/test
Was muss ich denn da machen?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wie kann ich ein Bild relativ zur Sidebar positionieren? ...

Jetzt mitmachen!