I want to use CSS to control the color and borders on all the tables in my
site, so I can just modify the CSS file, to control the behavior of the
tables.
Problem Is:
Using CSS I cant seem to get the same shadow and border effects that I can
in HTML.
Ridge, Outset or Inset - none of these give the same effects.
Thanks for any advice you can give me.
Here is an HTML table from my site.....
<CENTER><TABL E BACKGROUND="bkg round.gif" BORDERCOLOR=#CE D6FF
BORDERCOLORLIGH T=#CED6FF BORDERCOLORDARK =BLUE CELLPADDING=2 CELLSPACING=5
BORDER=3 WIDTH=350><TR>< TD>
<P ALIGN=CENTER><F ONT SIZE=5><font color="BLUE"><B >Visitor
Links</B></font></font></P></TD></TR></TABLE></CENTER>
Using CSS here is the STYLEs I'm trying to use.....
..table1 {
width: 350;
cell-padding: 5;
border-style: ridge;
border-width: 6px;
border-color: #CED6FF #4169E1 #4169E1 #CED6FF;
background-image: url(bkground.gi f); }
P.table2 {
text-align: CENTER;
color: BLUE;
font-size: 1.50em;
font-weight: bold; }
--
=============== =============
Visit The French Pastry Chef at:
=============== =============
site, so I can just modify the CSS file, to control the behavior of the
tables.
Problem Is:
Using CSS I cant seem to get the same shadow and border effects that I can
in HTML.
Ridge, Outset or Inset - none of these give the same effects.
Thanks for any advice you can give me.
Here is an HTML table from my site.....
<CENTER><TABL E BACKGROUND="bkg round.gif" BORDERCOLOR=#CE D6FF
BORDERCOLORLIGH T=#CED6FF BORDERCOLORDARK =BLUE CELLPADDING=2 CELLSPACING=5
BORDER=3 WIDTH=350><TR>< TD>
<P ALIGN=CENTER><F ONT SIZE=5><font color="BLUE"><B >Visitor
Links</B></font></font></P></TD></TR></TABLE></CENTER>
Using CSS here is the STYLEs I'm trying to use.....
..table1 {
width: 350;
cell-padding: 5;
border-style: ridge;
border-width: 6px;
border-color: #CED6FF #4169E1 #4169E1 #CED6FF;
background-image: url(bkground.gi f); }
P.table2 {
text-align: CENTER;
color: BLUE;
font-size: 1.50em;
font-weight: bold; }
--
=============== =============
Visit The French Pastry Chef at:
=============== =============