Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Display table td's as block element on mobile phone 1

Status
Not open for further replies.

PeDa

Technical User
Oct 10, 2002
227
NL
In my webpage here I am trying to display data in tables (text and image beside eacht other) on a computer and as block elements under each other on a mobile phone. I thought that the following would be enough to achieve this:

Code:
<style>
@media screen and (max-width:600px) table, table tr, table td {display:block;} 
</style>

... but apparently not; on the phone I still get tables. Any suggestion welcome.
 
Hi

CSS:
@media screen and (max-width:600px) [highlight]{[/highlight] table, table tr, table td {display:block;} [highlight]}[/highlight]

Feherke.
feherke.github.io
 
Hello Feherke,
Yes indeed! thanks yet again.
-Peter Da
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top