Need Help Aligning Social Media Buttons

HTML & CSS
1

My site is at: chrisdesrochers.com

I need help aligning the social media buttons on the top nav bar. I want them to be on the bar, about 2-3 pixels spaced, right aligned.

I’ve tried many times to mess with the CSS but I can’t seem to get them to go where I want.

I would appreciate any help. :slight_smile:

2

Hi,

Do something like this:


.social{
    float:right;
    position:relative;
    z-index:101;
    margin-bottom:-50px;
}
.social ul{
    margin:10px 0 0;
    padding:0;
    list-style:none;
    width:100%;
}
.social li{
    float:right;
    margin:0 0 0 3px;
}
.navbar{clear:both;}




<div class="navbar-holder">
        <div [B]class="social"[/B]>
            <ul>
                <li><a  etc.....................

Your IE6 alpha loader source images have the wrong paths. They are relative to the html page and therefore its best to use absolute paths for them.

e.g.


* html .navbar{
    background:none;
    filter:progid:dximagetransform.microsoft.alphaimageloader([B]src='http://chrisdesrochers.com/wp-content/themes/Paradigm/images/bg-navbar.[/B]png', sizingmethod='crop');
}