Positioning Help Needed

[jabbawest]

I'm trying to line up the RSS feed icon directly in front of the addthis button.
Originally I had the addthis button in front of the navigation display and it would move to the left after someone logged in.
Here's what I have now.
http://sterlingleafjewelry.com//

<!--bof-navigation display-->
<div id="navMainWrapper">

<div id="navMain">
    <ul class="forward">
        <!--bof RSS Feed -->
<li><div id="RSSFeedLink"><?php echo rss_feed_link(RSS_ICON); ?></div></li>
<!--eof RSS Feed -->
                <!-- AddThis Button BEGIN -->
<li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=xa-4ae9d99b20dd2b05"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0" style="bottom-align:middle;"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pub=xa-4ae9d99b20dd2b05"></script></li>
<!-- AddThis Button END -->
    <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>
<?php if ($_SESSION['customer_id']) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>

[gjh42]

The code you show isn't what you have active now - the RSS icon is a separate div before the header.
The code will unavoidably cause the RSS and AddThis buttons to shift to the left when the user logs in, because you have the list floated right with the class .forward and the buttons are left of the login link.

You could take the buttons out of the layout flow and position them absolutely, or you could give them their own <ul> and locate that in a fixed place, giving space for the navMain to expand as it needs to.

[jabbawest]

The code you show isn't what you have active now - the RSS icon is a separate div before the header.
The code will unavoidably cause the RSS and AddThis buttons to shift to the left when the user logs in, because you have the list floated right with the class .forward and the buttons are left of the login link.

You could take the buttons out of the layout flow and position them absolutely, or you could give them their own <ul> and locate that in a fixed place, giving space for the navMain to expand as it needs to.

I know and thank you, I kept playing with it until I decided to place it within the dummydiv where it is now, which is where I might put the addthis reference too.

Thanks for the help and suggestion.