Joomla Templates Club 406,261 posts

[wolfje Friend wolfjeJoin date: January 2013Posts: 26Downloads:0Uploads:0 Thanks: 2]

#187313

Hello,

I like to have 4 images next to eachother with text under them. Like the awesome team module… But it will not work when i copy the html like the manual said in the editor of Joomla.

When i uses table (whick looks good) then in smaller screens like a telephone it will not be responsive…

Her underneath is the html code the manual sais i have to use:

<span style=”color:#000080″><div class=”introduction”></span>Consectetur adipiscing elit. Donec pellentesque venenatis elit, quis aliquet mauris malesuada vel. Donec vitae libero dolor, eget dapibus justo. Aenean facilisis aliquet feugiat. Suspendisse lacinia congue est ac semper. Nulla ut elit magna, vitae volutpat magna. Vivamus eu erat lectus.<span style=”color:#000080″></div></span>
<span style=”color:#000080″><ul class=”thumbnails”></span>
<span style=”color:#000080″><li class=”span3″></span>
<span style=”color:#000080″><div class=”thumbnail”></span>
<span style=”color:#000080″><div class=”thumb-mask”></span>
<span style=”color:#000080″><div class=”mask-inner”></span><span style=”color:#800080″><img class=”img-grayscale” src=”images/joomlart/demo/sam-1.jpg” border=”0″ alt=”Sample image” /></span><span style=”color:#000080″></div></span>
<span style=”color:#000080″></div></span>
<span style=”color:#000080″><div class=”caption”></span>
<span style=”color:#000080″><h3></span>John Doe<span style=”color:#000080″></h3></span>
<span style=”color:#000080″><p class=”meta”></span>Creative designer<span style=”color:#000080″></p></span>
<span style=”color:#000080″><p></span><span style=”color:#000080″><strong></span>Laoreet vestibulum<span style=”color:#000080″></strong></span> cursus elit fringilla pretium Sed ut sodales quis pretium. Lorem vestibulum orci in commodo vestibm.<span style=”color:#000080″></p></span>
<span style=”color:#000080″><ul class=”social-list”></span>
<span style=”color:#000080″><li></span><span style=”color:#008000″><a class=”facebook” href=”#” title=”Facebook”></span>Facebook<span style=”color:#008000″></a></span><span style=”color:#000080″></li></span>
<span style=”color:#000080″><li></span><span style=”color:#008000″><a class=”twitter” href=”#” title=”Twitter”></span>Twitter<span style=”color:#008000″></a></span><span style=”color:#000080″></li></span>
<span style=”color:#000080″><li></span><span style=”color:#008000″><a class=”flicker” href=”#” title=”Flicker”></span>Flicker<span style=”color:#008000″></a></span><span style=”color:#000080″></li></span>
<span style=”color:#000080″></ul></span>
<span style=”color:#000080″></div></span>
<span style=”color:#000080″></div></span>
<span style=”color:#000080″></li></span>
<span style=”color:#000080″><li class=”span3″></span>
<span style=”color:#000080″><div class=”thumbnail”></span>
<span style=”color:#000080″><div class=”thumb-mask”></span>
<span style=”color:#000080″><div class=”mask-inner”></span><span style=”color:#800080″><img class=”img-grayscale” src=”images/joomlart/demo/sam-2.jpg” border=”0″ alt=”Sample image” /></span><span style=”color:#000080″></div></span>
<span style=”color:#000080″></div></span>
<span style=”color:#000080″><div class=”caption”></span>
<span style=”color:#000080″><h3></span>Jonnathan Orgen<span style=”color:#000080″></h3></span>
<span style=”color:#000080″><p class=”meta”></span>Video Specialist<span style=”color:#000080″></p></span>
<span style=”color:#000080″><p></span>Suspendisse et vivamus accumsan <span style=”color:#008000″><a href=”#” title=”Sample link”></span>phasellus auctor<span style=”color:#008000″></a></span> nisl mauris facilisi aliquam et. Justo enim justo curabitured senectus donec pretium.<span style=”color:#000080″></p></span>
<span style=”color:#000080″><ul class=”social-list”></span>
<span style=”color:#000080″><li></span><span style=”color:#008000″><a class=”facebook” href=”#” title=”Facebook”></span>Facebook<span style=”color:#008000″></a></span><span style=”color:#000080″></li></span>
<span style=”color:#000080″><li></span><span style=”color:#008000″><a class=”twitter” href=”#” title=”Twitter”></span>Twitter<span style=”color:#008000″></a></span><span style=”color:#000080″></li></span>
<span style=”color:#000080″><li></span><span style=”color:#008000″><a class=”flicker” href=”#” title=”Flicker”></span>Flicker<span style=”color:#008000″></a></span><span style=”color:#000080″></li></span>
<span style=”color:#000080″></ul></span>
<span style=”color:#000080″></div></span>
<span style=”color:#000080″></div></span>
<span style=”color:#000080″></li></span>
<span style=”color:#000080″><li class=”span3″></span>
<span style=”color:#000080″><div class=”thumbnail”></span>
<span style=”color:#000080″><div class=”thumb-mask”></span>
<span style=”color:#000080″><div class=”mask-inner”></span><span style=”color:#800080″><img class=”img-grayscale” src=”images/joomlart/demo/sam-3.jpg” border=”0″ alt=”Sample image” /></span><span style=”color:#000080″></div></span>
<span style=”color:#000080″></div></span>
<span style=”color:#000080″><div class=”caption”></span>
<span style=”color:#000080″><h3></span>Michael Smith<span style=”color:#000080″></h3></span>
<span style=”color:#000080″><p class=”meta”></span>Graphic designer<span style=”color:#000080″></p></span>
<span style=”color:#000080″><p></span>Fringilla non adipiscing magna ligula quam Vestibulum Donec est Quisque tellus. Convallis enim ante eros eros In lorem ipsum purus tellus orci.<span style=”color:#000080″></p></span>
<span style=”color:#000080″><ul class=”social-list”></span>
<span style=”color:#000080″><li></span><span style=”color:#008000″><a class=”facebook” href=”#” title=”Facebook”></span>Facebook<span style=”color:#008000″></a></span><span style=”color:#000080″></li></span>
<span style=”color:#000080″><li></span><span style=”color:#008000″><a class=”twitter” href=”#” title=”Twitter”></span>Twitter<span style=”color:#008000″></a></span><span style=”color:#000080″></li></span>
<span style=”color:#000080″><li></span><span style=”color:#008000″><a class=”flicker” href=”#” title=”Flicker”></span>Flicker<span style=”color:#008000″></a></span><span style=”color:#000080″></li></span>
<span style=”color:#000080″></ul></span>
<span style=”color:#000080″></div></span>
<span style=”color:#000080″></div></span>
<span style=”color:#000080″></li></span>
<span style=”color:#000080″><li class=”span3″></span>
<span style=”color:#000080″><div class=”thumbnail”></span>
<span style=”color:#000080″><div class=”thumb-mask”></span>
<span style=”color:#000080″><div class=”mask-inner hiring”></span><span style=”color:#800080″><img class=”img-grayscale” src=”images/joomlart/demo/sam_blank.png” border=”0″ alt=”Sample image” /></span><span style=”color:#000080″></div></span>
<span style=”color:#000080″></div></span>
<span style=”color:#000080″><div class=”caption”></span>
<span style=”color:#000080″><h3></span>We are Hiring!<span style=”color:#000080″></h3></span>
<span style=”color:#000080″><p class=”meta”></span>CSS guru<span style=”color:#000080″></p></span>
<span style=”color:#000080″><p></span>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec elit non mi porta gravida at eget metus. Nullam nibh ultricies <span style=”color:#008000″><a href=”#” title=”Sample link”></span>vehicula elit<span style=”color:#008000″></a></span>.<span style=”color:#000080″></p></span>
<span style=”color:#000080″></div></span>
<span style=”color:#000080″></div></span>
<span style=”color:#000080″></li></span>
<span style=”color:#000080″></ul></span>

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#492106

Hi wolfje,

Can you put your website url here, so I can check out out front-end of Awesome Team section ?

Leo

[wolfje Friend wolfjeJoin date: January 2013Posts: 26Downloads:0Uploads:0 Thanks: 2]

#492130

Hello,

I reintalled the site and with the premade tables. now its working. Only how do i center the photos above the text?

efredf2 <dot> wrhg <dot> nl

Sorry for the difficulty but i dont want google to find this kind of urls 🙂

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#492237

Hi,

Pls try to follow this thread : http://www.joomlart.com/forums/topic/center-the-team-part/

Leo

[Author]

Posts