|
|||
<p> und img mit align oder float
Hallo, ich möchte Texte im tinymce eingeben in einer WP Installation.
Nun habe ich vier Absätze in denen jeweils ein links ausgerichtetes Bild ist und Text. Ist das Bild in der höhe länger als der Textblock, verschiebt es das nächste <p> um die Breite des Bildes. wie kann ich das verhindern? HTML-Code:
<p><img class=" size-full wp-image-55 alignleft" src="http://meineseite.de/wp-content/uploads/2015/02/i-herz.jpg" alt="i-herz" width="83" height="74" /> Schritt 1: dgkdlö dfgl döfglk ödlfgk örtkeöo o eröoo ögo örok dgkdlö dfgl döfglk ödlfgk örtkeöo o eröoo ögo örok dgkdlö dfgl döfglk ödlfgk örtkeöo o eröoo ögo örok .</p> <p><img class=" size-medium wp-image-57 alignleft" src="http://meineseite.de/wp-content/uploads/2015/02/i-waage.jpg" alt="i-waage" width="83" height="74" />Schritt 2: dgkdlö dfgl döfglk ödlfgk örtkeöo o eröoo ögo örok dgkdlö dfgl döfglk ödlfgk örtkeöo o eröoo ögo örok dgkdlö dfgl döfglk ödlfgk örtkeöo o eröoo ögo örok dgkdlö dfgl döfglk ödlfgk örtkeöo o eröoo ögo örok dgkdlö dfgl döfglk ödlfgk örtkeöo o eröoo ögo örok dgkdlö dfgl döfglk ödlfgk örtkeöo o eröoo ögo örok .</p> <p><img class=" size-medium wp-image-56 alignleft" src="http://meineseite.de/wp-content/uploads/2015/02/i-kal.jpg" alt="i-kal" width="83" height="74" />Schritt 3: dgkdlö dfgl döfglk ödlfgk örtkeöo o eröoo ögo örok dgkdlö dfgl döfglk ödlfgk örtkeöo o eröoo ögo örok dgkdlö dfgl döfglk ödlfgk örtkeöo o eröoo ögo örok .</p> <p><img class=" size-medium wp-image-58 alignleft" src="http://meineseite.de/wp-content/uploads/2015/02/i-ziel.jpg" alt="i-ziel" width="83" height="74" />Schritt 4: dgkdlö dfgl döfglk ödlfgk örtkeöo o eröoo ögo örok dgkdlö dfgl döfglk ödlfgk örtkeöo o eröoo ögo örok dgkdlö dfgl döfglk ödl.</p> <p><img class=" size-medium wp-image-56 alignleft" src="http://meineseite.de/wp-content/uploads/2015/02/i-kal.jpg" alt="i-kal" width="83" height="74" />Schritt 5: dgkdlö dfgl döfglk ödlfgk örtkeöo o eröoo ögo örok dgkdlö dfgl döfglk ödlfgk örtkeöo o eröoo ögo örok dgkdlö dfgl döfglk ödlfgk örtkeöo o eröoo ögo örok dgkdlö dfgl döfglk ödlfgk örtkeöo o eröoo ögo örok .</p> |
Sponsored Links |
|
|||
Wer floatet sollte auch klären Sage ich mal.
Ich gehe mal davon aus der, Inhalt soll mit abstand zur Grafik stehen also zwei spalten innerhalb eines p-Tags. So vielleicht? Edit fiddle - JSFiddle _____________________ MfG Roland |
Sponsored Links |
|
|||
Vielen herzlichen Dank!
Es istin meiner WP-Instllation nicht mit float demacht sondern mit align - ist das überhaupt noch korrekt? - deshalb bin ich nicht drauf gekommen, das zu clearen. (Ich dachte clear bezieht sich nur auf float.) auch mit dem :after is mir noch ziemlich neu - aber das ist ja sehr schick. Danke! Irmen |
|
|||
Er meint wohl das HTML-Attribut "align", also z.B. <img src="bild.jpg" alight="left">
Ich will nicht sagen, dass es nicht korrekt ist, denn es funktioniert so ja. Allerdings sollte man, wenn möglich, Logik/Struktur (HTML) und Aussehen (CSS) voneinander trennen, also sollte man lieber per CSS floaten als HTML-Attribute zu verwenden. |
|
|||
Ich muss mich entschuldigen!
Es wird natürlich kein align=left verwendet. Zwar ein vertical-align:middle und weil die classe alignleft heißt, hat mich das durcheinandergebracht. Eswird mit float gearbeitet. Entschuldigung! Und Danke für eure Hilfe! Wenn ich die <p> ( so wie von K.Roland vorgeschlagen) wieder cleare, dann passt es. Irmen Geändert von irmen (04.03.2015 um 10:42 Uhr) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Verschiebungen bei größerem Bildschirm | seelefant | CSS | 4 | 28.07.2014 16:43 |
Navigation positionieren | maybebabe | CSS | 4 | 08.04.2013 23:17 |
CSS von Plugin beisst! | expand | CSS | 0 | 28.09.2012 18:44 |
Responsive webdesign: horizontales Menü mit angepasster Schriftgröße | Spencer | Javascript & Ajax | 3 | 19.09.2012 00:16 |
joomla template | wrock | CSS | 2 | 06.04.2012 20:24 |