...

View Full Version : Table, Multiple Border Trick?



cv43
10-25-2002, 08: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, 03: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">
<!--

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;
padding: 2px;
}

div.menuborder {
background: transparent;
border-style: solid;
border-color: rgb(30, 30, 30);
border-width: 2px;
padding: 2px;
}

-->
</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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum