navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

CSS Cells within Tables

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> CSS Cells within Tables 		Page: [1]
 
Laurie Cesario

 

Posts: 31
Joined: 1/11/2002
From: Petoskey MI USA
Status: offline

  		CSS Cells within Tables - 6/30/2006 11:55:44   
Question on cells within tables....

We're in the process of re-desiging our website and want to use CSS as much as we can, but we still have a need to display our product info in tables.

I've created a new class ".ool" for tables that will house our order online product info. My question is, can I modify the class .ool so that the cells (td) within those tables will have a border? The other table cells within our site cannot have a border. Here's what we have so far:

p, td, div {
border: none;
color: #000000;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: x-small;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: normal;
text-decoration: none;
}

table.ool {
color: #000000;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: x-small;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: normal;
text-decoration: none;
text-align: center;
border-color: gray;


Is it possible to modify my table.ool class to accomplish this?

Thanks!
Laurie
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		RE: CSS Cells within Tables - 6/30/2006 19:26:05   
CSS

table.ool td{
border: 3px solid #cccccc; }

applies this to all td elements within any table with a class of ool

HTML

<table class="ool">
<tr>
<td>bbbb</td>
<td>bbbb</td>
</tr>
<tr>
<td>bbbb</td>
<td>bbbb</td>
</tr>
</table>





< Message edited by jaybee -- 6/30/2006 19:36:15 >

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Laurie Cesario)
Laurie Cesario

 

Posts: 31
Joined: 1/11/2002
From: Petoskey MI USA
Status: offline

  		RE: CSS Cells within Tables - 7/3/2006 10:34:42   

quote:

ORIGINAL: jaybee

table.ool td{
border: 3px solid #cccccc; }



Jaybee,

Thanks so much for your help! I listed your "table.ool td" declaration above my original one in the stylesheet(see below). Is this the proper way to do it?

------------------------------

table.ool td{
border: 3px solid #cccccc; }


table.ool {
color: #000000;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: x-small;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: normal;
text-decoration: none;
text-align: center;
border-color: gray;
}

(in reply to jaybee)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> CSS Cells within Tables 		Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts


Back to top

  Microsoft Corporation in no way endorses or is affiliated with "OutFront."
  OutFront is published and edited by Thomas Brunt.
  440 Great Circle Dr., St. Matthews, SC 29135.
  © 2008 All Rights Reserved
  Click here to view our privacy statement.