Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 370
  • Last Modified:

style for html table

I am modifying a template in joomla cms, it allows you to define your class and selectors styles trough template.css to use in your articles (pages)

 can someone provide a sample css style sheet for dealing will all tables in my page, my website theme is teal light gray and black,

or alternatively can someone give me a good page with table samples
0
TonyReba
Asked:
TonyReba
  • 6
  • 4
1 Solution
 
Andrew DerseIT ManagerCommented:
Do you have an example site of what you would like the site to look like?

I have created these tables in a small application I built...something like this?
1
2
0
 
maricksvilleCommented:
Smashing Magazine has some sample table styles with a link to the source code for the styles presented.

http://coding.smashingmagazine.com/2008/08/13/top-10-css-table-designs/
0
 
Andrew DerseIT ManagerCommented:
That is a very nice post of tables.  Well done.
0
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
TonyRebaAuthor Commented:
The examples dont provide the markup and css stylesheet.
0
 
Andrew DerseIT ManagerCommented:
Correct, the ones I posted, I just posted to see if they were something you were looking for.  If they are, I can provide the code for you.
0
 
TonyRebaAuthor Commented:
Please see my screenshot with the color them my template has,  and please send me you css to start of modifying.
site1.png
0
 
TonyRebaAuthor Commented:
The data i want to display in a tabular way is the list 1 thourgh 11. thanks
0
 
Andrew DerseIT ManagerCommented:
Ok, here's 1 example...it's of a hover over table...modify as you see fit...also, I placed the css in the default template\template.css and the images in the template\images folder for this to work...i just removed all of the extra stuff that you didn't need to see and left the important stuff.

 preview
 table1.zip
0
 
Andrew DerseIT ManagerCommented:
Here's a second example.  Looks like this:

 table2
 table2.zip
0
 
Andrew DerseIT ManagerCommented:
Hope this helps, please let me know if you need more expamples.
0
 
TonyRebaAuthor Commented:
Thanks, will play around with it.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

  • 6
  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now