Quote:
Originally Posted by TheLastSuperman
See the difference?
Code:
<li class="popupmenu nonotifications">
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">Tools</a>
<ul class="popupbody popuphover">
VS
Code:
<li class="popupmenu">
<a class="popupctrl" rel="help" href="usercp.php{vb:raw session.sessionurl_q}">Tools</a>
<ul class="popupbody popuphover">
Try popupmenu nonotifications class in the non-logged in users code and see if that helps, only difference I see...
|
Thanks for the feedback, but I actually tried that first... the problem is that the header links for the non-logged in users is styled differently. (There are blue knock-outs and the fonts are styled a little differently for the non-logged in users.)
I need to keep it styled the same as the Register button beside it, however with a drop-down menu. The drop-down menu itself does NOT need to maintain this style, but I want it to look the same as for the logged-in users.
Hope that made sense.

Thanks though!
--------------- Added [DATE]1285683014[/DATE] at [TIME]1285683014[/TIME] ---------------
Quote:
Originally Posted by Lynne
The arrow is added by CSS. My guess would be that your class structure for the unregistered users is such that the arrow doesn't get added by the class like it does for registered users. But, that is only something I'd be able to tell by using firebug.
|
Hello Lynne,
Ok... I've been working with Firebug, though it's my first time using it... I got it to look quite a bit better, but I'm still having a few issues I can't figure out how to fix.
Screen-Shot:
I added in the following CSS:
Code:
.toplinks ul.nouser li.popup a {
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
background:none repeat scroll 0 0 #FFFFFF;
clear:none;
color:#000000;
float:none;
line-height:26px;
margin-left:0;
padding:0 5px;
text-align:left;
}
I haven't chased after the arrow yet, so I'll work on that on my own first, but I can't for the life of me figure out how to activate roll-over effects on this (where the background changes to yellow on hover like my logged-in version), there also doesn't seem to be any separators between the individual link blocks, and there is a weird gray block on the right hand side, I outlined in red above.
WEBSITE DEMO
Any idea how I can get this to work right?
Thanks to everyone for the help!

Jeff