osCommerce and osCMax shopping cart software forums

Shopping Cart Software

osCommerce with teeth!

 

Can anyone walk me through css for tables

This is a discussion on Can anyone walk me through css for tables within the osCMax v2 Customization/Mods forums, part of the osCMax v2.0 Forums category; I am trying to make my product data look the same and I believe this should be done by css, ...



Find us on Facebook
Go Back   osCommerce and osCMax shopping cart software forums > osCMax v2.0 Forums > osCMax v2 Customization/Mods

Connect with Facebook Register FAQDonate Members List Calendar Mark Forums Read


Reply

 

LinkBack Thread Tools
  #1  
Old 07-30-2010, 07:03 AM
Member
 
Join Date: Feb 2009
Location: UK
Posts: 61
Thanks: 9
Thanked 0 Times in 0 Posts
Rep Power: 2
mad_dexter is on a distinguished road
Default Can anyone walk me through css for tables

I am trying to make my product data look the same and I believe this should be done by css, but I only have experience of editing stylesheet.css to alter colours etc, not actually referncing it.

The following pages of tables from my site were entered and editted usig fceditor, but I want all the data tables on my pages to look like this centred one:

Immune Systems Ltd : Bovine Casein ELISA Kit [E-10CAS] - £266.13

instead of this left hand aligned table:

Immune Systems Ltd : Bovine Haptoglobin ELISA Kit [E-10HPT] - £266.13
I realise I can do this by referencing stylesheets, but can anyone walk me through (i) what I need to put in the stylesheet.css to apply a centred table, and (ii) what code/reference I need to put in the source code of the fceditor to tell it to apply the class from the stylesheet.css

There are a host of other styles I want to apply, but I figure I can add other styles later once I am shown the basics.

Thanks for any help.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #2  
Old 07-30-2010, 08:15 AM
ridexbuilder's Avatar
osCMax Development Team

 
Join Date: Jul 2008
Location: Haggisland
Posts: 1,741
Thanks: 157
Thanked 222 Times in 210 Posts
Rep Power: 15
ridexbuilder has much to be proud ofridexbuilder has much to be proud ofridexbuilder has much to be proud ofridexbuilder has much to be proud ofridexbuilder has much to be proud ofridexbuilder has much to be proud ofridexbuilder has much to be proud ofridexbuilder has much to be proud ofridexbuilder has much to be proud of
Lightbulb Re: Can anyone walk me through css for tables

Here's a source of useful info.
W3Schools Online Web Tutorials
__________________
Hosting plans with installation, configuration, contributions, support and maintenance.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #3  
Old 07-30-2010, 07:32 PM
blackhawk's Avatar
Active Member
 
Join Date: Aug 2009
Location: indiana
Posts: 422
Thanks: 92
Thanked 28 Times in 24 Posts
Rep Power: 3
blackhawk has a spectacular aura aboutblackhawk has a spectacular aura about
Default Re: Can anyone walk me through css for tables

And after you're done there, try to get on path to convert your tables to divs unless they need to be tables (such as with tabular data). Other than that controlling blocks of space should be div centric. using styles="" is excellent for CSS and using ID="" is excellent for running javascript/jquery/ajax actions.

One of my favorite web sites I recommend to anyone is
A List Apart

They're CSS articles are golden.

bh
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #4  
Old 08-09-2010, 02:44 AM
Member
 
Join Date: Feb 2009
Location: UK
Posts: 61
Thanks: 9
Thanked 0 Times in 0 Posts
Rep Power: 2
mad_dexter is on a distinguished road
Default Re: Can anyone walk me through css for tables

OK, had a look, added a stylesheet (datatable.css) with formating that is specific for my data tables, but whenever I add

<link rel="stylesheet" type="text/css" href="datatable.css" /> at the top of my product data in source mode in the FCKeditor, then look at source mode again this line has gone. What is the syntax for referencing an external stylesheet in the editor?

Cheers.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #5  
Old 08-09-2010, 07:48 AM
michael_s's Avatar
osCMax Developer


 
Join Date: Jul 2002
Location: Phoenix, AZ
Posts: 16,712
Thanks: 150
Thanked 674 Times in 577 Posts
Rep Power: 558
michael_s has a reputation beyond reputemichael_s has a reputation beyond reputemichael_s has a reputation beyond reputemichael_s has a reputation beyond reputemichael_s has a reputation beyond reputemichael_s has a reputation beyond reputemichael_s has a reputation beyond reputemichael_s has a reputation beyond reputemichael_s has a reputation beyond reputemichael_s has a reputation beyond reputemichael_s has a reputation beyond repute
Default Re: Can anyone walk me through css for tables

You cannot add that in FCKeditor, it must be added in your template's <head> section. The best way to do this is to simply add your new styles into your template's main stlyesheet.css, just use comments to describe the custom block for easy reference later.
__________________
Michael Sasek
osCMax Developer

*** Do not PM me requesting paid help. The only paid work I do is for AABox Web Hosting customers ***

Stay Up To Date with everything osCMax:
Free osCMax Newsletters - Security notices, New Releases, osCMax News
osCMax on Twitter - Up to the minute info as it happens. Know it first.

osCMax User Manual - osCMax Templates - Advanced Template Tutorial

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
The Following User Says Thank You to michael_s For This Useful Post:
mad_dexter (08-11-2010)
  #6  
Old 08-09-2010, 07:58 AM
Member
 
Join Date: Feb 2009
Location: UK
Posts: 61
Thanks: 9
Thanked 0 Times in 0 Posts
Rep Power: 2
mad_dexter is on a distinguished road
Default Re: Can anyone walk me through css for tables

Thanks Michael. I will try this later.
__________________
Running oscMax 2.0.25
Mainly tabular format data website
Not a programmer !
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #7  
Old 08-11-2010, 03:14 AM
Member
 
Join Date: Feb 2009
Location: UK
Posts: 61
Thanks: 9
Thanked 0 Times in 0 Posts
Rep Power: 2
mad_dexter is on a distinguished road
Default Re: Can anyone walk me through css for tables

Great. Got some of this to work but it seams CSS cant be used to format column text (ie to get ALL of column 1 in bold) from the table class.

Cheers.
__________________
Running oscMax 2.0.25
Mainly tabular format data website
Not a programmer !
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #8  
Old 08-11-2010, 03:57 AM
ridexbuilder's Avatar
osCMax Development Team

 
Join Date: Jul 2008
Location: Haggisland
Posts: 1,741
Thanks: 157
Thanked 222 Times in 210 Posts
Rep Power: 15
ridexbuilder has much to be proud ofridexbuilder has much to be proud ofridexbuilder has much to be proud ofridexbuilder has much to be proud ofridexbuilder has much to be proud ofridexbuilder has much to be proud ofridexbuilder has much to be proud ofridexbuilder has much to be proud ofridexbuilder has much to be proud of
Lightbulb Re: Can anyone walk me through css for tables

Code:
<span class="column1">.....</span>
__________________
Hosting plans with installation, configuration, contributions, support and maintenance.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads

Thread Thread Starter Forum Replies Last Post
Prefix for Database Tables michael_s New osCommerce Contributions 0 09-09-2009 10:00 AM
Terrible tables and doubel div in IE8 sebakPL osCMax v2 Installation issues 1 08-07-2009 06:12 AM
Design with CSS instead of tables simplex osCMax v2 Customization/Mods 2 05-07-2007 04:42 PM
Paypal setup walk through needed zues osCMax v2 Features Discussion 1 10-22-2006 07:21 AM
Tables not installing Arpit osCommerce 2.2 Installation Help 1 08-26-2003 09:51 AM


All times are GMT -8. The time now is 06:26 AM.


Powered by vBulletin®
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
SEO by vBSEO
Copyright 2010 osCmax
Inactive Reminders By Icora Web Design