J!Extensions Store™
Forum
Welcome, Guest
Please Login to access forum.
Table (1 viewing) 
Go to bottom
TOPIC: Table
#6511
LN Webdesign
Fresh Boarder
Posts: 14
User Offline
Table 2 Years, 9 Months ago Karma: 0  
Hi.

How can i make this table show correct on mobile devise? http://profitec.dk/nyside/index.php/pudseprofiler

Regards, Lars
 
Logged Logged  
  The administrator has disabled public write access.
#6512
John Dagelmore
Admin
Posts: 3520
User Offline
Re:Table 2 Years, 9 Months ago Karma: 74  
Hi,

such a table is not the best choice for mobile devices. It has a fixed width and a lot of contents.

The first thing to do is using the following parameter based on CSS selectors to make it fluid percentage instead of using fixed width. However because it has a lot of contents, it will be needed to rework specific CSS styles too, for example to decrease the font-size until it fit on small screens.

Best regards, John
 
Logged Logged  
  The administrator has disabled public write access.
#6513
LN Webdesign
Fresh Boarder
Posts: 14
User Offline
Re:Table 2 Years, 9 Months ago Karma: 0  
I have added:
table.style8
 
Logged Logged  
  The administrator has disabled public write access.
#6514
LN Webdesign
Fresh Boarder
Posts: 14
User Offline
Re:Table 2 Years, 9 Months ago Karma: 0  
Any other things i could do?
 
Logged Logged  
  The administrator has disabled public write access.
#6515
John Dagelmore
Admin
Posts: 3520
User Offline
Re:Table 2 Years, 9 Months ago Karma: 74  
As i said you CSS styles should be reworked to optimize spaces as much as possible.

For example you can add the following code in the main.css of Responsivizer to override table styles.

Code:

table.style8 td { padding: 0; margin: 0; }
Code:

table.style8 p, table.style8 span { font-size: 9px !important; padding: 0; margin: 0; }
 
Logged Logged  
  The administrator has disabled public write access.
#6516
LN Webdesign
Fresh Boarder
Posts: 14
User Offline
Re:Table 2 Years, 9 Months ago Karma: 0  
That helped more. But still the picture on the left isen´t showing.
Perhaps a better idea would to create a all new tables only for showing on cellphones? Is it possible to 1 menu showing on tablets, and an other on cellphone?
 
Logged Logged  
  The administrator has disabled public write access.
Go to top