SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Oct 2010
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Arrow Need Help Aligning Social Media Buttons

    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.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,855
    Mentioned
    159 Post(s)
    Tagged
    4 Thread(s)
    Hi,

    Do something like this:

    Code:
    .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;}
    Code:
    <div class="navbar-holder">
            <div class="social">
                <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.
    Code:
    * html .navbar{
        background:none;
        filter:progid:dximagetransform.microsoft.alphaimageloader(src='http://chrisdesrochers.com/wp-content/themes/Paradigm/images/bg-navbar.png', sizingmethod='crop');
    }


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •