Forum width

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
Post Reply
bill1980
Registered User
Posts: 129
Joined: Wed Jan 25, 2012 6:27 pm

Forum width

Post by bill1980 » Wed May 08, 2019 7:40 pm

Hopefully a quick fix. Tried looking myself but cant see the answer :oops:

As you can see from the images my banners are quite spread out when I view my site on a desktop device. I can make do with this although I would rather it be more compact.
desktop.png
When I view it on a mobile device the banners exceed the width of the forum.
Mobile.jpg
This is my HTML code which I put on the overall header

<br>

<div id="wrapcentre">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td><a href="http://ulspinning.co.uk/" target="_blank"><img border="1" src="images/UL.jpg" width="300" height="100" alt="** UL Spinning**" /></a></td>

<td><a href="http://www.lure-world.com" target="_blank"><img border="1" src="images/lureworld.gif" width="300" height="100" alt="** lureworld**" /></a></td>

<td><a href="https://www.anglingactive.co.uk/predato ... ackle.html" target="_blank"><img border="1" src="images/anglingactive.gif" width="300" height="100" alt="lureshop" /></a></td>
</tr>
<tr>
<td><a href="https://www.fishingmegastore.com/index.html" target="_blank"><img border="1" src="images/GAC.jpg" width="300" height="100" alt="GAC" /></a></td>
<td><a href="http://www.agmdiscountfishing.co.uk/" target="_blank"><img border="1" src="images/agm.gif" width="300" height="100" alt="AGM" /></a></td>
<td><a href="https://www.facebook.com/thekayakfishingguide/" target="_blank"><img border="1" src="images/kayakfishingguide.png" width="300" height="100" alt="Kayak" /></a>
</tr>
<tr>
<td><a href="http://www.thelurebox.co.uk//" target="_blank"><img border="1" src="images/TLB.jpg" width="300" height="100" alt="** TLB**" /></a></td>
<td><a href="http://www.harrissportsmail.com" target="_blank"><img border="1" src="images/harris.jpg" width="300" height="100" alt="Harris" /></a></td>
<td><a href="http://www.predatortackle.co.uk/" target="_blank"><img border="1" src="images/predatortackle.jpg" width="300" height="100" alt="predator tackle" /></a></td>
<tr>
<tr>
<tr>

</tr>
</table>



</div>






Any ideas?

Thanks

User avatar
Dan Stylez
Registered User
Posts: 189
Joined: Tue Jan 16, 2018 6:17 am
Contact:

Re: Forum width

Post by Dan Stylez » Thu May 09, 2019 12:40 am

For the table, try changing: <table width="100%" cellpadding="0" cellspacing="0">

To just: <table>

The side of your forum body has gone blue so you may have lost a closing </div> tag when adding your code to the header.

User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 889
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: Forum width

Post by Hanakin » Thu May 09, 2019 1:54 am

simple answer just use flexbox... remove all the table stuff and just add all the anchor tag wrapped images then wrap them with a div. give the div a class and set its display to flex. then give all the a tags a class and set the flex property appropiately.

https://codepen.io/danielmdesigns/pen/vGoqxp
Donations welcome via Paypal Image

bill1980
Registered User
Posts: 129
Joined: Wed Jan 25, 2012 6:27 pm

Re: Forum width

Post by bill1980 » Thu May 09, 2019 5:31 am

Thats great. Thanks.

Post Reply

Return to “[3.2.x] Styles Support & Discussion”