• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Navigation Bar Dropdown images.....

Sheldon

Well-known member
#1
Ok, I have the XenFans Extra Tabs installed. No problems there.

Here is my tab, and the dropdown:


I am attempting :oops: , very badly, to move the money icon beside the text "Stock Trader". And also to have Stock Trader move over accordingly ( the image will be 32x32, regardless.)

Here is the code I have (also, I have nothing set in the css for "stock" either)

Code:
<ul class="secondaryContent blockLinksList">
<li><div class="primaryContent menuHeader muted"><a href="/stocktrader"><img class="stock" src="images/stock.png" /><h3>Stock Trader<h3></a><li>
<li><a href="/useralbums/"><h3>User Albums<h3></a></li>
<li><a href="/forums/shoutbox-archive.181/"><h3>Shout Archives<h3></a></div></li>
</ul>
I'm not sure what I am doing wrong... I have tried in Firebug as well....

Could anyone help point me in the correct direction?
 

Sheldon

Well-known member
#2
Ok, added this to extra.css:

Code:
.primaryContent .stock
{
    float: left;
    height: 24px;
    width: 24px;
    clear: left;
}
Now trying to move the image to "center" it on the line....
 

Sheldon

Well-known member
#3
Ahhh, got it.

Code:
margin-top: -5px;
Anywho, I realize I just did this myself, but apparently helped by starting this here. Hope others benefit. :p