Navigation Bar Dropdown images.....

Sheldon

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

Here is my tab, and the dropdown:
P4R1xB.png


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?
 
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....
 
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
 
Top Bottom