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

Navigation Bar Dropdown images.....

Discussion in 'Styling and Customization Questions' started by Sheldon, Apr 1, 2012.

  1. Sheldon

    Sheldon Well-Known Member

    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)

    <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>
    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?
  2. Sheldon

    Sheldon Well-Known Member

    Ok, added this to extra.css:

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

    Sheldon Well-Known Member

    Ahhh, got it.

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

Share This Page