|
: Problem showing an "own content"-module with images sorted like colums : bruno1501 January 12, 2016, 09:06:23 AM Hi there,
i need help from an expert. to be seen at www.modenschau2016.de i have an own content module on position "bottom_row2_1", this position has 100 % width by temlate setiing. In this content I have inserted 25 logos, each same sizes, each after the other. Showing this on wide screen, looking is good, 4 or 5 columns to be seen, but by changing browserwindow to small size thes 4 columns make change suddenly not first to 3, or 2 columns, but immediately to only one column. There might be perhaps any screen-% setting for changing this effect on smaller and smallest screens, but i don?t know how to fix it to a good looking version. Also it would be nice if the logos in 1,2,3,4,5-columns always would be centered horizontically. Thanks, Roland Here is the Html-text: ---------------------------------------- <h1 style="text-align: center;"><span style="color: #ffffff;"><strong>UNSERE PARTNER</strong></span></h1> <p style="text-align: center;"><span style="color: #ffffff;">Wir bedanken uns bei allen unseren Partnern, die es uns erm?glichen, diese Modenschau zu pr?sentieren.</span></p> <p style="text-align: center;"><span style="color: #ffffff;">Vielen Dank f?r Ihr Mitwirken.</span></p> <center><a href="http://www.lifestyle-neumarkt6.de" target="_blank"><img src="images/logo1.jpg" alt="Lifestyle Neumarkt 6" style="margin: 5px; float: left;" />[/url]<img src="images/logo2.jpg" alt="Trattoria da Michele" style="margin: 5px; float: left;" /><a href="http://www.go2h.de" target="_blank"><img src="images/logo3.jpg" alt="2H Werbung GmbH" style="margin: 5px; float: left;" />[/url]<a href="http://www.vobahoechst.de" target="_blank"><img src="images/logo4.jpg" alt="Volksbank H?chst a.M. eG" style="margin: 5px; float: left;" />[/url]<a href="http://www.schwanheimer-zeitung.de" target="_blank"><img src="images/logo5.jpg" alt="SGZ Schwanheimer Goldsteiner Zeitung" style="margin: 5px; float: left;" />[/url]<a href="http://www.heuser-reisen.de" target="_blank"><img src="images/logo6.jpg" alt="logo6" style="margin: 5px; float: left;" />[/url]<a href="http://www.santiyoga.eu" target="_blank"><img src="images/logo17.jpg" alt="SANTI YOGA" style="margin: 5px; float: left;" />[/url]<a href="http://www.vc-automobile.de" target="_blank"><img src="images/logo8.jpg" alt="VOLVO Centrum Frankfurt" style="margin: 5px; float: left;" />[/url]<a href="http://www.zanin.it" target="_blank"><img src="images/logo9.jpg" alt="Distilleria Zanin S.r.I." style="margin: 5px; float: left;" />[/url]<a href="http://www.lifestyle-floristik.de" target="_blank"><img src="images/logo10.jpg" alt="Lifestyle Floristik" style="margin: 5px; float: left;" />[/url]<a href="http://santi-sensi-di-bellezza.de" target="_blank"><img src="images/logo11.jpg" alt="Kosmetik Salon Santi" style="margin: 5px; float: left;" />[/url]<img src="images/logo12.jpg" alt="Zahnarztpraxis Dr. Sharon Beyer" style="margin: 5px; float: left;" /><a href="http://www.sparkassenversicherung.de" target="_blank"><img src="images/logo13.jpg" alt="logo13" style="margin: 5px; float: left;" />[/url]<a href="https://www.facebook.com/Nail-design-by-Dragana-1631699357092428/?fref=ts" target="_blank"><img src="images/logo14.jpg" alt="Nagel Studio Dragana" style="margin: 5px; float: left;" />[/url]<a href="http://www.xpressreinigung.de" target="_blank"><img src="images/logo15.jpg" alt="XPress Reinigung" style="margin: 5px; float: left;" />[/url]<a href="http://www.ratgeber-magen-speiseroehrenkrebs.de" target="_blank"><img src="images/logo16.jpg" alt="Ratgeber f?r Magen und Speiser?hrenkrebs e.V." style="margin: 5px; float: left;" />[/url]<a href="http://www.autohaus-mikulecky.de" target="_blank"><img src="images/logo7.jpg" alt="Autohaus Mikulecky" style="margin: 5px; float: left;" />[/url]<a href="http://www.fitness-schwanheim.de" target="_blank"><img src="images/logo18.jpg" alt="ENJOY! Fitness Club" style="margin: 5px; float: left;" />[/url]<a href="http://www.haarstudio-wolfram.de" target="_blank"><img src="images/logo19.jpg" alt="Haarstudio Wolfram" style="margin: 5px; float: left;" />[/url]<img src="images/logo20.jpg" alt="Augenoptik Hegewald" style="margin: 5px; float: left;" /><a href="http://www.autoreinigung-frankfurt.de" target="_blank"><img src="images/logo21.jpg" alt="logo21" style="margin: 5px; float: left;" />[/url]<a href="http://www.aqua-autowasch.de" target="_blank"><img src="images/logo22.jpg" alt="Aqua Autowasch GmbH" style="margin: 5px; float: left;" />[/url]<a href="http://www.reifen-diehl.de" target="_blank"><img src="images/logo23.jpg" alt="Reifen Diehl GmbH" style="margin: 5px; float: left;" />[/url]<a href="http://www.tc-schwanheim.de" target="_blank"><img src="images/logo24.jpg" alt="TC Schwanheim" style="margin: 5px; float: left;" />[/url]<a href="http://www.schmitt-24.de" target="_blank"><img src="images/logo25.jpg" alt="Schmitt Immobilien" style="margin: 5px; float: left;" />[/url]</center> : Re: Problem showing an "own content"-module with images sorted like colums : jonahh January 12, 2016, 02:02:50 PM Hello,
Perhaps the following will help. Just adjust the number of 497 until you get it where you like it. You can add this to the bottom of your s5_responsive.css file: : @media screen and (max-width: 497px){ |