Quote:
Originally Posted by Lynne
vB uses a top border and they use first-child to not show it on the top one (I think that's the selector).
|
Thanks Lynne, that worked!
I still can't figure out how vB is styling the line... I can for the NavTabs, but I can't for the header links. The only styling I'm aware of for the global header links with a drop-down menu is for the <li class="popupmenu nonotifications"> which works fine for the Logged-In users without tweaking, but doesn't work for the Logged-Out users.
I've been testing this in Firefox with the Firebug plugin, and had been logged into my AdminCP in IE while testing, so I just now saw how this looks in IE when Logged-Out, and there is an extremely noticeable problem in IE8:
For some reason IE is displaying a large gray block below each list item. I have specified no padding and no margin. This isn't displaying in the other browsers, and this doesn't display in IE when Logged-In either. I don't know what is causing this to display in IE when Logged-Out. I'm not even sure how to proceed with debugging it, since it is only visible in IE. I tried using the IE developer tools, but that didn't seem very intuitive.
Here is the code I'm currently using:
Code:
.toplinks ul.nouser a.popupctrl, .toplinks ul.nouser a.popupctrl:hover, .toplinks ul.nouser a.popupctrl:active {
background: {vb:stylevar navbar_tab_background.backgroundColor} url("images/misc/arrow.png") no-repeat scroll right center;
padding-right: 15px;
padding-left: 4px;
}
.toplinks ul.nouser li.popup a {
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
background:none repeat scroll 0 0 #FFFFFF;
border-top: 1px outset;
clear:none;
color:#000000;
float:none;
line-height:26px;
height:26px;
font-size:11px;
margin:0;
padding:0 5px;
text-align:left;
}
.toplinks ul.nouser li.popup:first-child a {
border-top:0;
}
.toplinks ul.nouser li.popup a:hover {
background:{vb:stylevar imodhilite_backgroundColor};
color: {vb:stylevar navbar_selected_popup_body_a_Color};
text-decoration: underline;
}
I realized that you can't compare the Logged-In versus the Logged-Out versions without registering a user name, so I setup a temporary test account so you can Log-In:
WEBSITE
Username: Test
Password: 123456
Please take a look at it and let me know what you think is going on here.
Thanks for all the help!

Jeff