Sat, 2004-04-03 00:29
I know you can't use the bordercolorlight/dark in CSS but I can't find fine an equiv solution in css for ->
<table border="1" width="80%" cellspacing="0" cellpadding="2" bgcolor="#282828" bordercolordark="#000000" bordercolorlight="#333333">
I have tried a million combinations using:
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #333333;
border-right-color: #000000;
border-bottom-color: #333333;
border-left-color: #000000;
background-color: #282828;
all diffrent line styles, widths, colors, and I have yet to find anything that looks like the bordercolordark/light combo I have. Is there any way to convert that to css exactly or is that not possible (at least to make it exact as how it was)? Thanks.
Sat, 2004-04-03 09:16
#1
Cannot find equiv in css bordercolordark/light
Hi
I know what you want, and the effect you want.
If you have a div with the one set of colors and borders, and another div inside that with the others, that is the only way I can think of achieving it. You can use the border style outset and inset, but moz only uses one light and one dark color, IE uses two.
Have a look at this code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>New document</title>
<link rel="Stylesheet" href="" type="text/css" media="All" />
<style type="text/css">
#outerdiv{
width:80%;
border-left:1px solid #00FF00;
border-top:1px solid #00FF00;
border-right:1px solid #FF0000;
border-bottom:1px solid #FF0000;
}
#innerdiv{
width:auto;
border-left:1px solid #FF0000;
border-top:1px solid #FF0000;
border-right:1px solid #00FF00;
border-bottom:1px solid #00FF00;
}
p {
margin:2px;
}
</style>
</head>
<body>
<table border="1" width="80%" cellspacing="0" cellpadding="2" bgcolor="#ffffff" bordercolordark="#FF0000" bordercolorlight="#00FF00">
<tr><td>hello</td></tr></table>
<div id="outerdiv"><div id="innerdiv"><p>hello</p></div>
</div>
</body>
</html>
Is that what you wanted?
Trevor
Sat, 2004-04-03 18:34
#2
Cannot find equiv in css bordercolordark/light
If you set a border color to be the same as your background and then use the border-style:inset|outset property, it will choose a highlighted color to the top and right and a shadowed color to the bottom and left for "outset" and vice versa for inset. You might do this as styles with: background-color:#282828; border:2px outset #282828; Be aware that different browsers chose different degrees of lightness/darkness from the central color.
DE