Auf Thema antworten 2026

Beitrag

<blockquote data-quote="HerrSamsa" data-source="post: 1835741" data-attributes="member: 56628"><p><strong>AW: divs `floaten´</strong></p><p></p><p>guter tipp</p><p></p><p>habe gegooglet und eine übersicht gefunden, die mir echt gefällt - aber die ist 2 spaltig und das will ich 3 spaltig....</p><p></p><p></p><p>was muss ich da ändern?</p><p></p><p>&lt;div class=&quot;gallery&quot;&gt;</p><p>&lt;div class=&quot;gallery_item first&quot;&gt;</p><p>&lt;h4&gt;&lt;a href=&quot;#&quot;&gt;Lorem ipsum dolor sit amet&lt;/a&gt;&lt;/h4&gt;</p><p>&lt;a class=&quot;shadow_light&quot; href=&quot;/Portals/0/usr/folio-sakura/1.jpg&quot;&gt;&lt;img alt=&quot;&quot; width=&quot;280&quot; height=&quot;150&quot; class=&quot;gallery_img&quot; src=&quot;/Portals/0/usr/folio-sakura/1_resize.jpg&quot; /&gt;&lt;/a&gt;</p><p>Est neque commodo quis dignissim quis tempor eget maecenas sodales ligula non nunc rutrum bibendum elit bibendum consectetuer.</p><p>&lt;a title=&quot;Details&quot; class=&quot;go_details&quot; href=&quot;#&quot;&gt;&lt;/a&gt;</p><p>&lt;/div&gt;</p><p>&lt;div class=&quot;gallery_item first&quot;&gt;</p><p>&lt;h4&gt;&lt;a href=&quot;#&quot;&gt;Vitae auctor curabitur&lt;/a&gt;&lt;/h4&gt;</p><p>&lt;a class=&quot;shadow_light&quot; href=&quot;/Portals/0/usr/folio-sakura/2.jpg&quot;&gt;&lt;img alt=&quot;&quot; width=&quot;280&quot; height=&quot;150&quot; class=&quot;gallery_img&quot; src=&quot;/Portals/0/usr/folio-sakura/2_resize.jpg&quot; /&gt;&lt;/a&gt;</p><p>Orci tempor vivamus neque ridiculus mauris consequat sagittis velit pede et et nonummy id dis sed eget donec.</p><p>&lt;a title=&quot;Details&quot; class=&quot;go_details&quot; href=&quot;#&quot;&gt;&lt;/a&gt;</p><p>&lt;/div&gt;</p><p>&lt;div class=&quot;gallery_item&quot;&gt;</p><p>&lt;h4&gt;&lt;a href=&quot;#&quot;&gt;Nam a sollicitudin&lt;/a&gt;&lt;/h4&gt;</p><p>&lt;a class=&quot;shadow_light&quot; href=&quot;/Portals/0/usr/folio-sakura/3.jpg&quot;&gt;&lt;img alt=&quot;&quot; width=&quot;280&quot; height=&quot;150&quot; class=&quot;gallery_img&quot; src=&quot;/Portals/0/usr/folio-sakura/3_resize.jpg&quot; /&gt;&lt;/a&gt;</p><p>Neque maecenas nulla nibh tristique eget nulla bibendum sapien amet quam ut. Itaque convallis nulla a aliquet et sit diam mauris vel nisl mus.</p><p>&lt;a title=&quot;Details&quot; class=&quot;go_details&quot; href=&quot;#&quot;&gt;&lt;/a&gt;</p><p>&lt;/div&gt;</p><p>&lt;div class=&quot;gallery_item&quot;&gt;</p><p>&lt;h4&gt;&lt;a href=&quot;#&quot;&gt;Sed bibendum ac&lt;/a&gt;&lt;/h4&gt;</p><p>&lt;a class=&quot;shadow_light&quot; href=&quot;/Portals/0/usr/folio-sakura/4.jpg&quot;&gt;&lt;img alt=&quot;&quot; width=&quot;280&quot; height=&quot;150&quot; class=&quot;gallery_img&quot; src=&quot;/Portals/0/usr/folio-sakura/4_resize.jpg&quot; /&gt;&lt;/a&gt;</p><p>Eget praesent tincidunt in arcu tellus. At erat sed nullam sit porta. Augue augue quam sed amet habitasse sed et condimentum nonummy feugiat.</p><p>&lt;a title=&quot;Details&quot; class=&quot;go_details&quot; href=&quot;#&quot;&gt;&lt;/a&gt;</p><p>&lt;/div&gt;</p><p>&lt;div class=&quot;gallery_item&quot;&gt;</p><p>&lt;h4&gt;&lt;a href=&quot;#&quot;&gt;Quam sed ante&lt;/a&gt;&lt;/h4&gt;</p><p>&lt;a class=&quot;shadow_light&quot; href=&quot;/Portals/0/usr/folio-sakura/5.jpg&quot;&gt;&lt;img alt=&quot;&quot; width=&quot;280&quot; height=&quot;150&quot; class=&quot;gallery_img&quot; src=&quot;/Portals/0/usr/folio-sakura/5_resize.jpg&quot; /&gt;&lt;/a&gt;</p><p>Vitae ligula placerat massa arcu ligula hymenaeos risus magna eros nullam dignissim lacinia ut sit nisl lectus amet.</p><p>&lt;a title=&quot;Details&quot; class=&quot;go_details&quot; href=&quot;#&quot;&gt;&lt;/a&gt;</p><p>&lt;/div&gt;</p><p>&lt;div class=&quot;gallery_item&quot;&gt;</p><p>&lt;h4&gt;&lt;a href=&quot;#&quot;&gt;Convallis neque enim&lt;/a&gt;&lt;/h4&gt;</p><p>&lt;a class=&quot;shadow_light&quot; href=&quot;/Portals/0/usr/folio-sakura/6.jpg&quot;&gt;&lt;img alt=&quot;&quot; width=&quot;280&quot; height=&quot;150&quot; class=&quot;gallery_img&quot; src=&quot;/Portals/0/usr/folio-sakura/6_resize.jpg&quot; /&gt;&lt;/a&gt;</p><p>Sodales sed duis vestibulum quam massa amet aliquet facilisis fusce sed ultricies. Accumsan elit luctus dui aenean erat at vitae pede.</p><p>&lt;a title=&quot;Details&quot; class=&quot;go_details&quot; href=&quot;#&quot;&gt;&lt;/a&gt;</p><p>&lt;/div&gt;</p><p>&lt;div class=&quot;gallery_item&quot;&gt;</p><p>&lt;h4&gt;&lt;a href=&quot;#&quot;&gt;Proin pulvinar libero&lt;/a&gt;&lt;/h4&gt;</p><p>&lt;a class=&quot;shadow_light&quot; href=&quot;/Portals/0/usr/folio-sakura/7.jpg&quot;&gt;&lt;img alt=&quot;&quot; width=&quot;280&quot; height=&quot;150&quot; class=&quot;gallery_img&quot; src=&quot;/Portals/0/usr/folio-sakura/7_resize.jpg&quot; /&gt;&lt;/a&gt;</p><p>Ligula magna lobortis enim est eu morbi interdum diam vestibulum in nascetur in faucibus praesent eu varius ut vestibulum.</p><p>&lt;a title=&quot;Details&quot; class=&quot;go_details&quot; href=&quot;#&quot;&gt;&lt;/a&gt;</p><p>&lt;/div&gt;</p><p>&lt;div class=&quot;gallery_item&quot;&gt;</p><p>&lt;h4&gt;&lt;a href=&quot;#&quot;&gt;Sit sodales orci&lt;/a&gt;&lt;/h4&gt;</p><p>&lt;a class=&quot;shadow_light&quot; href=&quot;/Portals/0/usr/folio-sakura/8.jpg&quot;&gt;&lt;img alt=&quot;&quot; width=&quot;280&quot; height=&quot;150&quot; class=&quot;gallery_img&quot; src=&quot;/Portals/0/usr/folio-sakura/8_resize.jpg&quot; /&gt;&lt;/a&gt;</p><p>Vitae tellus tristique lacus dui sodales viverra egestas vitae dis pellentesque porttitor et mauris vivamus tortor vel dictumst.</p><p>&lt;a title=&quot;Details&quot; class=&quot;go_details&quot; href=&quot;#&quot;&gt;&lt;/a&gt;</p><p>&lt;/div&gt;</p><p>&lt;/div&gt;</p></blockquote><p></p>

[QUOTE="HerrSamsa, post: 1835741, member: 56628"] [b]AW: divs `floaten´[/b] guter tipp habe gegooglet und eine übersicht gefunden, die mir echt gefällt - aber die ist 2 spaltig und das will ich 3 spaltig.... was muss ich da ändern? <div class="gallery"> <div class="gallery_item first"> <h4><a href="#">Lorem ipsum dolor sit amet</a></h4> <a class="shadow_light" href="/Portals/0/usr/folio-sakura/1.jpg"><img alt="" width="280" height="150" class="gallery_img" src="/Portals/0/usr/folio-sakura/1_resize.jpg" /></a> Est neque commodo quis dignissim quis tempor eget maecenas sodales ligula non nunc rutrum bibendum elit bibendum consectetuer. <a title="Details" class="go_details" href="#"></a> </div> <div class="gallery_item first"> <h4><a href="#">Vitae auctor curabitur</a></h4> <a class="shadow_light" href="/Portals/0/usr/folio-sakura/2.jpg"><img alt="" width="280" height="150" class="gallery_img" src="/Portals/0/usr/folio-sakura/2_resize.jpg" /></a> Orci tempor vivamus neque ridiculus mauris consequat sagittis velit pede et et nonummy id dis sed eget donec. <a title="Details" class="go_details" href="#"></a> </div> <div class="gallery_item"> <h4><a href="#">Nam a sollicitudin</a></h4> <a class="shadow_light" href="/Portals/0/usr/folio-sakura/3.jpg"><img alt="" width="280" height="150" class="gallery_img" src="/Portals/0/usr/folio-sakura/3_resize.jpg" /></a> Neque maecenas nulla nibh tristique eget nulla bibendum sapien amet quam ut. Itaque convallis nulla a aliquet et sit diam mauris vel nisl mus. <a title="Details" class="go_details" href="#"></a> </div> <div class="gallery_item"> <h4><a href="#">Sed bibendum ac</a></h4> <a class="shadow_light" href="/Portals/0/usr/folio-sakura/4.jpg"><img alt="" width="280" height="150" class="gallery_img" src="/Portals/0/usr/folio-sakura/4_resize.jpg" /></a> Eget praesent tincidunt in arcu tellus. At erat sed nullam sit porta. Augue augue quam sed amet habitasse sed et condimentum nonummy feugiat. <a title="Details" class="go_details" href="#"></a> </div> <div class="gallery_item"> <h4><a href="#">Quam sed ante</a></h4> <a class="shadow_light" href="/Portals/0/usr/folio-sakura/5.jpg"><img alt="" width="280" height="150" class="gallery_img" src="/Portals/0/usr/folio-sakura/5_resize.jpg" /></a> Vitae ligula placerat massa arcu ligula hymenaeos risus magna eros nullam dignissim lacinia ut sit nisl lectus amet. <a title="Details" class="go_details" href="#"></a> </div> <div class="gallery_item"> <h4><a href="#">Convallis neque enim</a></h4> <a class="shadow_light" href="/Portals/0/usr/folio-sakura/6.jpg"><img alt="" width="280" height="150" class="gallery_img" src="/Portals/0/usr/folio-sakura/6_resize.jpg" /></a> Sodales sed duis vestibulum quam massa amet aliquet facilisis fusce sed ultricies. Accumsan elit luctus dui aenean erat at vitae pede. <a title="Details" class="go_details" href="#"></a> </div> <div class="gallery_item"> <h4><a href="#">Proin pulvinar libero</a></h4> <a class="shadow_light" href="/Portals/0/usr/folio-sakura/7.jpg"><img alt="" width="280" height="150" class="gallery_img" src="/Portals/0/usr/folio-sakura/7_resize.jpg" /></a> Ligula magna lobortis enim est eu morbi interdum diam vestibulum in nascetur in faucibus praesent eu varius ut vestibulum. <a title="Details" class="go_details" href="#"></a> </div> <div class="gallery_item"> <h4><a href="#">Sit sodales orci</a></h4> <a class="shadow_light" href="/Portals/0/usr/folio-sakura/8.jpg"><img alt="" width="280" height="150" class="gallery_img" src="/Portals/0/usr/folio-sakura/8_resize.jpg" /></a> Vitae tellus tristique lacus dui sodales viverra egestas vitae dis pellentesque porttitor et mauris vivamus tortor vel dictumst. <a title="Details" class="go_details" href="#"></a> </div> </div> [/QUOTE]

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

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?