Tables

General questions relating to Joomla! 3.x.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.
Post Reply
urbankaos
Joomla! Explorer
Joomla! Explorer
Posts: 428
Joined: Fri Jul 10, 2009 4:12 pm

Tables

Post by urbankaos » Mon Aug 19, 2019 8:11 pm

Hi,

I'm having a bit of a problem and not sure how to go about it.

I use tables, and on one page I have a BIG table, 5 across and apparently 70 down, but when viewed on a mobile... it shows 2 and a half before cutting off to the side of the screen, i've tried a table response plugin but it doesn't seem to work, and i've made sure it's set as a percentage and not a pixel width.

I have other pages with tables on and they show on my mobile nicely.

Here is the page I mean, if you scroll down:
http://urbankaos.co.uk/stickermadness

Here is another page which has tables and again they show fine on my mobile:
http://urbankaos.co.uk/downloads/music

Any suggestions? am I missing something?

waarnemer
Joomla! Hero
Joomla! Hero
Posts: 2240
Joined: Sun May 04, 2008 12:37 pm

Re: Tables

Post by waarnemer » Tue Aug 20, 2019 11:05 am

Your first link has text below the images.. the images will scale to the width of your text. So text can be wider than screen all together....

SharkyKZ
Joomla! Ace
Joomla! Ace
Posts: 1599
Joined: Fri Jul 05, 2013 10:35 am
Location: Unknown

Re: Tables

Post by SharkyKZ » Tue Aug 20, 2019 11:49 am

You shouldn't even use tables here.

urbankaos
Joomla! Explorer
Joomla! Explorer
Posts: 428
Joined: Fri Jul 10, 2009 4:12 pm

Re: Tables

Post by urbankaos » Tue Aug 20, 2019 12:12 pm

Ah right ok...

So how would I go about this? create all the images again with the text on the actual image instead?

urbankaos
Joomla! Explorer
Joomla! Explorer
Posts: 428
Joined: Fri Jul 10, 2009 4:12 pm

Re: Tables

Post by urbankaos » Tue Aug 20, 2019 3:30 pm

Just checked an old screenshot and it showed that page normally, it was moving the table boxes so they all fitted on to the mobile screen.... but I can't remember what I had, unless whatever I had stopped working :-/

I just want that page to show each table box fitting normally on a mobile screen, so looking on the iPhone X, it would fit 2 across, but how do I get the other 3 boxes on that line to move underneath and so on?

waarnemer
Joomla! Hero
Joomla! Hero
Posts: 2240
Joined: Sun May 04, 2008 12:37 pm

Re: Tables

Post by waarnemer » Tue Aug 20, 2019 3:53 pm

If you just use div boxes you can do it by max width and sizes of the div..

ie. in a page of 960px there will be fitting three boxes of 320px wide, soon as the width drops below 960, only two will fit, the third moving to second line and on, and on..

Check the flexbox

https://www.w3schools.com/css/css3_flexbox.asp


Post Reply

Return to “General Questions/New to Joomla! 3.x”