Posted by Ellie C on 01/08/06 18:52

Hi,

I would like to modify the look of a table border and I can't figure out
how to do it. I wonder if anyone in this groupo can help. I saw the look
I want on a website (http://www.annestahl.com). The table under her name
has the look I want - making it loo like a raised area without the inner
border that you get with the usual table boders. I looked at the source
for this page and saw that this was done with CSS. I'm completely
unschooled in CSS but I tried copying the stuff in the referenced file.
But when I try adding this to my own page it dosen't work. Can anyone
give me some ideas?

Thanks,

Ellie

Here's the "code"

body {
background-color:#CCCC99;
font-family: "Century Gothic", "Lucida Sans Unicode", "Trebuchet MS",
Verdana;
}
a:hover { color:red }
a:link {color:#444200}
a:active {color:#ff0000}
a:visited {color:#666666}
table.menu {border
border: #999900;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 1px solid #FFFFFF;
}
..table1 {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;
}
h2 {
font-size: 16px;
}
..smtext {
font-size: 12px;
}

• Next in forum: How to modify table borders?
• Prev in forum: How to modify table borders?
• Thread view: How to modify table borders?

[Reply to this message]