Project / Support Center
Welcome, Guest. Please login or register. October 03, 2023, 04:30: AM
Home Help Search Login Register
D-Web Web Site Creator D - Web Web Site Creator On-line HTML Editor No Programming knowledge required. Web Global Net PayPal-Cart Shopping Cart System PayPal - Kart Shopping Cart System for E-Commerce over the internet, that's easy to use. Web Global Net Newsletter Manager Newsletter Manager On-line Newsletter Creator with Email Subscriber Management.
Ring Central Discount
Web Global Net Web Application & Web Development Project Center  |  Technical Issues  |  CSS Related  |  Topic: Easy Table css 0 Members and 1 Guest are viewing this topic. « previous next »
Pages: [1] Go Down Send this topic Print
Author Topic: Easy Table css  (Read 2891 times)
admin
Administrator
******
Offline Offline

Posts: 238


« on: January 20, 2021, 07:00: PM »

This won't change columns or row settings but its the first thing I've found that quickly handles scaling of a table in a responsive manner. Not meant for big tables either.

"<table width="90%" border="0" class="table_text">"

.table_text { font-size: 12px; }

@media screen and (min-width: 480px) {
  .table_text { font-size: 9px; }
}
@media screen and (min-width: 640px) {
  .table_text { font-size: 12px; }
}
@media screen and (min-width: 1024px) {
  .table_text { font-size: 14px; }
}
« Last Edit: January 30, 2021, 01:46: PM by admin » Report to moderator   Logged

The Unknown Webmaster
Pages: [1] Go Up Send this topic Print 
Web Global Net Web Application & Web Development Project Center  |  Technical Issues  |  CSS Related  |  Topic: Easy Table css « previous next »
Jump to:  


Login with username, password and session length
Powered by MySQL Powered by PHP Powered by SMF 1.1.19 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!