FatJoe2

How can I have background image for all table cell, but I want to create it CSS, so i dont' have to hard code very time

Thanks in advance

Parano.ID

Not so hard to do.

If you want ALL the table cells in your page with same backround, you can do it in this way, for example:

td
{
background: url(images/picture.gif);
background-repeat: repeat-y; ----> repeating of image verticaly or hotizontaly, if not defined, picture will not repeat
background-color: #ffffff;
}

And, if you want just some specific table cell to have some other image, you use ID or CLASS selector, like this:

td.specialcell
{
width: 140px;
background: url(images/special.gif);
background-repeat: repeat-y;
background-color: #ffffff;
}



Hope this helps

BGUD

FatJoe2

Hi Parano.ID,

Thank you for your tips

I have a question thou.

If I have .td, then I don't actually call .td class everytime I use td, correct?

But if you have td.specialcell class, then how can I specify a cell that I want to use this class.

Ex. If I have .main class in CSS, so whenever I want to use it, I use class=main, right? I'm not sure how to call td.specialcell

Thanks for your help

Parano.ID

Hey Joe!

I understand what you think. It is like this.

When you write your (x)html page you use tags, such as BODY, TD, FORM, A, BR, and so on.

So when you are writing a css file, you have to declare to which tag you want to define a display settings.

When you want to declare it for standard html tags ( for example the TD tag ) you just use TD{} ( with no dot in front of it ), if you declare a CLASS to your TD than you use .TD{} and when you declar ID to your tag you use #TD{} in your css.

I have attached a sample.html file in this post for example, it is in xhtml format. File is txt because this board doesn't allow to upload html files, so you just need to change its ending to html.

All you have to know is that if you define style for TD class, all table cells will have same style except you define them a ID or CLASS with different style.

So, in my example we have 3 TD tags, two of them with defined class or id. Well, when I styled a TD class I styled all of the cells in my page ( notice that the blue cell still has red border as I have defined it for all TDs ), then I styled a cell with CLASS="red" with red color and dotted black border, lastly I styled cell with with blue background but didn't defined any border, so it stays red as I defined it for all TD tags.

I know this can be a little confusing as I am not very good teacher

Hope it helps,

BGUD

Attached Files

sample.txt (1.0 KB, 143 views)

NancyS

i probably try that too, you're a CSS guru, Parano.ID!

__________________
NancyS
The Good, The Hot, The Sexy