3
Thanks Lance,
am having some problems editting the css. - The horizontal dropdown css is basic_dd.css, in the /script/08 folder.
I am trying to remove the borders on my dropdown links so that it can fit into my theme nicely.
when I edit the following CSS item on line 25:
Quote:
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white.
Set the background color and the font size. */
.menuhcss ul li a, .menuhcss ul li a:visited {
display:block;
text-align:left;
text-decoration:none;
height:17px;
color:#000;
border:0px none #fff;
border-width:0px 0px 4px 0px;
background:url(images/body_bg.gif) repeat;
line-height:17px;
font-size:12px; font-weight:bold;
}
If I change the border-width to all be 0px, which is what I want, then the drop down list appears when I hover over the mainlink, however, as soon as I try to select a sublink, it disappears.
I played around, and basically, as soon as the bottom border goes below 4px - the sub-links disappear before you can select them. Any ideas on why this might be so? Seems to happen in IE as well as FF.
In my theme, the dropdown menus sit within a
element which is 18px high.
"You are never alone or helpless, the force that guides the stars guides you too"
4
Why not make the border the same color as the dropdown background?
5
possible, but the background is not a fixed color, but rather a gradient
"You are never alone or helpless, the force that guides the stars guides you too"
6
ok sorted it - the problem lay in the positioning of the sub-links list I changed this in scrip-t/08/basic_dd.css Quote: /* make the sub menuhcss ul visible and position it beneath the main menuhcss list item */ .menuhcss ul li:hover ul { display:block; position:absolute; top:21px; to this Quote: /* make the sub menuhcss ul visible and position it beneath the main menuhcss list item */ .menuhcss ul li:hover ul { display:block; position:absolute; top:17px; My line-height for my Main links is 18px This stops the mouse from travelling over "dead" space and making the sub menu disappear before I could hover over the link.
"You are never alone or helpless, the force that guides the stars guides you too"
8
Cheers blueteen - even if I made the borders transparent - the extra 4 pixels the border put into my menubar messed up the theme....
Actually I was looking at your CGenie site quite a bit and based my solution heavily around your CSS (so you helped me twice...)
"You are never alone or helpless, the force that guides the stars guides you too"
183 user(s) are online (106 user(s) are browsing Support Forums)
Members: 0
Guests: 183
more...
Stats |
Goal: |
$100.00 |
Due Date: |
Nov 30 |
Gross Amount: |
$0.00 |
Net Balance: |
$0.00 |
Left to go: |
$100.00 |
|
|