how to define properties of table border with css?

am 13.01.2008 18:27:07 von Bernd Meier

I defined table.propertiesfortables {color:green; background-color:#FFFF00;
border="5" solid blue} as CSS.
I start my table with the tag:

Font is green and background yellow but I didn't get border lines.
But if I use table.propertiesfortables {color:green;
background-color:#FFFF00}
as CSS and then begin table tag with

border="5" solid blue>
I get blue border line.

Why don't I get blue border lines for my table with first example with CSS
and what have
I to change to get them with CSS?

Re: how to define properties of table border with css?

am 13.01.2008 18:40:15 von jeff

Bernd Meier wrote:
> I defined table.propertiesfortables {color:green;
> background-color:#FFFF00; border="5" solid blue} as CSS.

for one thing that isn't correct CSS.

try: border: solid blue 5px

for another, do you want a border around the table or the cells?:

table.propertiesfortables td{border: solid blue 5px;}

Also look up border-collapse: collapse

Styling tables with CSS is a different animal than you think.

I'm sure there must be a tutorial around somewhere on this.

> I start my table with the tag:

>
> Font is green and background yellow but I didn't get border lines.
> But if I use table.propertiesfortables {color:green;
> background-color:#FFFF00}
> as CSS and then begin table tag with

> border="5" solid blue>

Good html procedure is to use quotes

Jeff

> I get blue border line.
>
> Why don't I get blue border lines for my table with first example with
> CSS and what have
> I to change to get them with CSS?

Re: how to define properties of table border with css?

am 13.01.2008 18:41:29 von Shion

Bernd Meier wrote:
> I defined table.propertiesfortables {color:green;
> background-color:#FFFF00; border="5" solid blue} as CSS.
> I start my table with the tag:

>
> Font is green and background yellow but I didn't get border lines.

table.propertiesfortables {
color:green;
background-color:#FFFF00;
border: 5px solid blue;
}

As you see you don't use any '=' in CSS, you use the ':' instead.

--

//Aho