Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Oct 2002
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Table, Multiple Border Trick?

    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!

  • #2
    Regular Coder
    Join Date
    Sep 2002
    Location
    Burlington, VT
    Posts
    125
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Here ya go

    Here about something like this:
    Code:
    
    <!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
    "The focused mind can pierce through stone."
    - Japanese Maxim


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •