Bild weiter darstellen als Element in dem es sich befindet
Hallo, ich entwickle gerade ein responsive Worpdress Theme und habe das Problem, dass ich einen div Element für jeden Post habe, indem sich ein p Element für den Text befindet. Dieses p Element hat nun rechts und links vom div Container den den Abstand 30px. Nun möchte ich aber, dass ein Bild welches sich in dem Post befindet genau so groß ist wie der div Container und nicht rechts und links den Abstand 30px hat. Mit margin-left: -30px hat es auch schon funktioniert, nur gibt es dann beim verkleinern/vergrößern des Browser Fensters wieder Probleme. Ihr könnt es euch hier anschauen: http://kaih.me/blog/
Danke schon mal für alle Antworten! |
Das geht mit dem CSS3 Selector :not
Beispiel zur Anwendung in diesem Blog. IE kann das aber erst ab Version 8, aber der ist ja auch bald begraben. |
Also mein HTML sieht so aus:
Code:
<div class="post"> Code:
div.post { |
In dem Blog sind doch Beispiele. Die musst du dir natürlich schon mal genau ansehen.
|
Das habe ich ja und ich habe das so auch schon ausprobiert, hat aber nicht geklappt:
Code:
div.post p { |
|
Danke für deine Antwort, jedoch ist es für den Benutzer nachher blöd jedes Mal ein <span> vor das Bild zu setzen. Vor allem beim mobilen Bloggen ist das halt keine gute UX.
|
Hmmm, wenn du schon UX redest ist die Frage ob du bereits nach Lösungen gesucht hast. Wichtig wäre, wonach du suchst ;)
PHP-Code:
|
Gäbe es so nun auch die Möglichkeit ein </p> vor dem Bild und ein <p> nach dem Bild zu platzieren?
|
Klar gibt es. Dazu musst du nur den obrigen Code abändern, so das die Werte richtig ersetzt werden. (vgl. PHP: preg_replace - Manual)
Nur, wenn man sich deinen Blog anschaut, würde das keinen Sinn ergeben, da die Grafiken selber jeweils in Absätzen sind... |
Alle Zeitangaben in WEZ +2. Es ist jetzt 02:03 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023