Solved

style for html table

Posted on 2011-09-28
11
352 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
  • 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
Industry Leaders: 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 500 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

Technology Partners: 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!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Send email using HTML and PHP in separate file 5 41
Silly CSS question - cant figure out 2 22
ASP get fieds value 2 22
Top Aligning Inner Divs 5 23
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

726 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