Hello everyone,
A little while ago, the generous user Abus helped me with a great drop-down menu. But I can’t seem to locate where in the CSS code I can add a left, right, and bottom border to the drop-down parts of the menu.
Here’s the page: http://bradhenderson.com/index_.html (note the underscore) and
Here’s the CSS:
body { font:62.5% Verdana, sans-serif;margin:0 }
div#hdrBackground {background:url('http://www.bradhenderson.com/img/header_bg_c.png') top left repeat-x;height:90px}
div#hdrContainer{width:700px;margin:0 auto;background:url('http://www.bradhenderson.com/img/header.png') top left no-repeat;height:90px;}
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.menu {font-size:1em;width:300px;float:right;padding-top:40px;z-index:100}
.menu ul {padding:0;margin:0;list-style-type:none; height:1em;}
.menu ul ul {width:15em;}
.menu ul li {float:left;height:3em;line-height:3em;}
.menu ul ul li {display:block;width:12em;height:auto;position:relative;line-height:1em;}
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:1em;text-decoration:none;color:#fff;padding:0 3em 0 1em;}
.menu ul ul a, .menu ul ul a:visited {display:block;background:#000; color:#fff;width:12em;height:100%;line-height:1em; padding:0.5em 1em;}
.menu ul table ul a, .menu ul table ul a:visited {width:14em; w\idth:12em;}
.menu table {position:absolute; left:0; top:0; font-size:1em;}
.menu ul ul table {lef :-1px;}
.menu ul ul table ul.left {margin-lef :2px;}
.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ccc;}
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#ddd;}
.menu ul :hover a.sub1 {background:#ccc;}
.menu ul ul :hover a.sub2 {background:#ddd;}
.menu a:hover {color:#000}
.menu :hover > a {color:#000}
.menu ul ul a:hover{color:#000;background:#ccc;}
.menu ul ul :hover > a {color:#000;background:#ccc;}
.menu ul ul ul a:hover {background:#ddd;}
.menu ul ul ul :hover > a {background:#ddd;}
.menu ul ul ul ul a:hover {background:#eee;}
.menu ul ul {visibility:hidden;position:absolute;height:0;top:3em;left:0;width:14em;}
.menu ul ul ul{left:14em;top:0;width:14em;}
.menu ul ul ul.left {left:-14em;}
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{visibility:visible;}
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}
/* end menu */
dl.curved {background:#dddddd url('http://www.bradhenderson.com/img/c_tl.gif') top left no-repeat; margin:20px 0; padding:0; width:100%;}
dl.curved dt {background:transparent url('http://www.bradhenderson.com/img/c_tr.gif') top right no-repeat; padding:10px; text-align:left; color:#333333;}
dl.curved dd {background:#dddddd url('http://www.bradhenderson.com/img/c_bl.gif') bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p {margin:0; padding:10px; line-height:1.3em;}
dl.curved dd p.last {background:transparent url('http://www.bradhenderson.com/img/c_br.gif') bottom right no-repeat; }
#container {
width:720px;
margin:0 auto;
}
#content-image {
}
#footer {
text-align: center;
margin: 0 auto;
padding: 4px;
background-color: #222222;
color: #999999;
}
#footer a, #footer a:visited {
font-family: Verdana, Arial, sans-serif;
color: #CCCCCC;
text-decoration: none;
font-size: 1.1em;
}
#footer h6 {
font-weight: normal;
color: #666666;
font-size: 1em;
}
direct css link: http://bradhenderson.com/scripts/css/global.css
Thank you in advance!
My best,
David
//
