Hallo Ihr! :)
Vorweg: Ich bin Anfänger und das bisschen, was ich über HTML, CSS & Co so weiß, hab ich mir selber aus selfHTML zusammengeklaubt. Ich habe zwar versucht im Forum etwas zu finden, das meinem Problem entspricht, aber ich hab schon Schwierigkeiten damit mein Problem in die richtigen Worte zu fassen - und dementsprechend leider nichts gefunden. Ich war/bin mir nicht mal wirklich sicher, ob mein Problem in den HTML/XHTML-Bereich oder in den CSS-Bereich gehört ^^'
Das ist mein erster Beitrag hier - ich hoffe, ich hab es nicht komplett falsch gemacht...
Nun aber zu meinem Problem:
Ich bewege mich in einer Wordpress-Umgebung und versuche einen von mir angelegten div-block nach meinen Vorstellungen zu formatieren, in dem ein <img>-Element, ein <blockquote>-Element und ein <p>-Element drin sind. Die beiden Text-Elemente fließen dabei per float um das Bild herum.
Wo das Problem beginnt: Ich will einen Rahmen um den <div>-Block und alle seine Inhalte ziehen. Das klappt im Grunde auch, aber das <img>-Element, das ich in diesem <div>-Block drin habe, wird dabei einfach ignoriert - und mir ist nicht klar, warum das so ist.
Ich würde es so haben wollen, dass der Rahmen nicht nur um den Text gezogen wird, sondern bis ganz nach unten um das Bild herum reich. Und da das Bild im <div> drinnen ist, und ich dem <div> den Rahmen zugewiesen habe, müsste das doch auch so sein? Oder habe ich da irgendwas noch nicht verstanden?
Hier ein Link zum Ergebnis und der zugrundeliegende Code:
http://wcraft.lorebase.org/der-tag-des-drachen/
<div style="text-align:left; padding:20px; border:thin solid silver">
<img style="width:40%; float:left; margin-right:20px; margin-bottom:20px" src="http://wcraft.lorebase.org/wp-content/uploads/cover.book_.dayofthedragon-de-430x640.jpg" title="" alt="Cover von 'Der Tag des Drachen'"/>
<blockquote>"Furchteinflössende Ereignisse in den höchsten Zaubererkreisen zwingen den jungen Magier Rhonin zu einer gefährlichen Reise in das von Orks kontrollierte Land Khaz Modan. Dort entdeckt Rhonin eine gewaltige, weitreichende Verschwörung, die dunkler ist als alles, was er sich je vorstellen konnte. Diese Bedrohung zwingt ihn zu einer gewagten Allianz mit uralten Kreaturen der Luft und des Feuers. Mit ihrer Hilfe wird es für die Welt Azeroth vielleicht ein Morgen geben."</blockquote>
<p style="font-weight:bold">Der Tag des Drachen, Buchrücken</p>
</div>
Nun habe ich vor allem eine Frage: Ist etwas an meinem Code falsch oder habe ich etwas vergessen, das ich hätte berücksichtigen müssen?
Denn sollte der Code eigentlich richtig sein, um das zu erreichen, was ich beabsichtige, dann liegt das Problem vielleicht beim Wordpress-Theme oder Ähnlichem...
Ich bin gespannt auf Eure Antworten und erlaube mir, schon mal im Vorhinein danke zu sagen! :)