Table, Multiple Border Trick? [Archive]

cv43

10-25-2002, 07:49 PM

I'm trying to get an effect for a menu. I want to have each item appear to have multiple (3) borders. Here is the basic menu item css code:

/* normal menu item */

td.menuitem {
text-align: left;
background: rgb(210, 210, 210);
color: rgb(3, 30, 30);
border-style: solid;
border-color: rgb(30, 30, 30);
border-width: 2px;
}

Thanks!

dauvm

10-26-2002, 02:19 AM

Here about something like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Triple Border</title>
<style type="text/css">

</style>
</head>
<body>
<table>
<tr><td class="menuitem">
<div class="menuborder">
<div class="menuborder">
Here's Some Text
</div>
</div>
</td></tr>
</table>
</body>
</html>

Hope that helps.

-Doug