Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Myhar" data-source="post: 2158018" data-attributes="member: 134786">AW: div &amp; bild nebeneinanderBei diesem Aufbau ist der von Patrick vorgeschlagene Lösungsweg nicht zu empfehlen (Aber das konnte er ja aufgrund der mangelhaften Informationen, die du geliefert hast, nicht wissen)Dein Denkfehler ist, dass die div Box nicht 100% breit sein soll, sondern &quot;100%-Breite vom Bild&quot; haben muss. Auch bezweifle ich, dass es eine div Box sein muss, sondern die semantisch korrekte Auszeichnung wohl ein Absatz (p) ist. Dein HTML müsste korrekterweise also so aussehen:[HTML]&lt;div class=&quot;row&quot;&gt;&nbsp;&lt;img /&gt;&nbsp;&lt;p&gt; Da stehen viele Infos, semantisch korrekt in einem Paragraphen.&lt;/p&gt;&lt;/div&gt;.row&gt;img{float:left;width:20}.row &gt;p{float:left;width:80%}[/HTML]Das CSS wirst du anpassen müssen, damit der Text auch bei zu langen Beschreibungen nicht unter das Bild rutscht, eventuell wirst du dir auch mit einer div-Suppen Lösung leichter tun.</blockquote>

[QUOTE="Myhar, post: 2158018, member: 134786"] [b]AW: div & bild nebeneinander[/b] Bei diesem Aufbau ist der von Patrick vorgeschlagene Lösungsweg nicht zu empfehlen (Aber das konnte er ja aufgrund der mangelhaften Informationen, die du geliefert hast, nicht wissen) Dein Denkfehler ist, dass die div Box nicht 100% breit sein soll, sondern "100%-Breite vom Bild" haben muss. Auch bezweifle ich, dass es eine div Box sein muss, sondern die semantisch korrekte Auszeichnung wohl ein Absatz (p) ist. Dein HTML müsste korrekterweise also so aussehen: [HTML] <div class="row"> <img /> Da stehen viele Infos, semantisch korrekt in einem Paragraphen. </div> .row>img{float:left;width:20} .row >p{float:left;width:80%} [/HTML] Das CSS wirst du anpassen müssen, damit der Text auch bei zu langen Beschreibungen nicht unter das Bild rutscht, eventuell wirst du dir auch mit einer div-Suppen Lösung leichter tun. [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?