Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

style for html table

Posted on 2011-09-28
11
Medium Priority
?
359 Views
Last Modified: 2012-08-13
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
Comment
Question by:TonyReba
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 6
  • 4
11 Comments
 
LVL 13

Expert Comment

by:Andrew Derse
ID: 36720699
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
 
LVL 2

Expert Comment

by:maricksville
ID: 36814065
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
 
LVL 13

Expert Comment

by:Andrew Derse
ID: 36814487
That is a very nice post of tables.  Well done.
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 9

Author Comment

by:TonyReba
ID: 36814752
The examples dont provide the markup and css stylesheet.
0
 
LVL 13

Expert Comment

by:Andrew Derse
ID: 36814758
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
 
LVL 9

Author Comment

by:TonyReba
ID: 36814869
Please see my screenshot with the color them my template has,  and please send me you css to start of modifying.
site1.png
0
 
LVL 9

Author Comment

by:TonyReba
ID: 36814874
The data i want to display in a tabular way is the list 1 thourgh 11. thanks
0
 
LVL 13

Accepted Solution

by:
Andrew Derse earned 2000 total points
ID: 36815054
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
 
LVL 13

Expert Comment

by:Andrew Derse
ID: 36815101
Here's a second example.  Looks like this:

 table2
 table2.zip
0
 
LVL 13

Expert Comment

by:Andrew Derse
ID: 36815108
Hope this helps, please let me know if you need more expamples.
0
 
LVL 9

Author Closing Comment

by:TonyReba
ID: 36815137
Thanks, will play around with it.
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

610 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question