#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2013
    Posts
    50
    Rep Power
    2

    Can't get my icons in the right place.


    I am trying to get our social media icons to stay in place, no matter how zoomed in or out you are (ctrl+scroll). We have clients with varying monitor sizes, technologies, browsers, etc.

    The website is www.cleantelligent.com

    Currently our icons are floated and aligned right, so no matter how you look at it, they line up with the right side of the screen. How do I get them to "stick" right under the "get started" button, no matter where you look?

    There's a lot of CSS formatting on this page that deals with the slider right below and I don't want to displace or mess anything else up.

    Is there any way to get them to stay right under the button while in their own div, span, aside, or whatever?

    I will be copy/pasting this onto every page as well.

    The code is as follows:
    Code:
    <div id="main">
    
    
    <div id="primary" class="showcase">
    
    <div id="content" role="main">
    
    
    
    <article id="post-89" class="post-89 page type-page status-publish hentry intro">
    <header class="entry-header">
    <h2 class="entry-title">Home</h2>
    
    </header><!-- .entry-header -->
    
    <div class="entry-content">
    <!--SOCIAL MEDIA ICONS-->
    <div style="align: right; float: right; padding-right: 50px;" id="first" class="widget-area" role="complementary">
    <aside id="text-2" class="widget widget_text">
    <div class="textwidget"><div class='footer_social_icons'>
    <a href="http://www.facebook.com/CleanTelligent"target="_blank" >
    <img src="/wp-content/themes/cleantelligent/images/facebook.png" /></a>
    <a href="http://www.linkedin.com/company/cleantelligent_software"target="_blank" >
    <img src="/wp-content/themes/cleantelligent/images/linkedin.png" /></a>
    <a href="https://twitter.com/#!/CleanTelligent1"target="_blank" >
    <img src="/wp-content/themes/cleantelligent/images/twitter.png" /></a>
    <a href="/news-and-events/rss.xml" >
    <img src='/wp-content/uploads/2012/05/Blog-button.png' >
    </a>
    </div>
    </div></div>
    <!--END OF SOCIAL MEDIA ICONS-->
    
    <div class='slider' id='slider-1'>
    <div class='slide'><div class='slide-header'>CleanTelligent is quality control software trusted to help build and preserve relationships.</div>
    <img src="/wp-content/uploads/2012/02/clean-slide-1.jpg" alt="Slide 1" />
    <div class='slide-desc'>
    <h2>Productivity</h2>
    We believe technology is not only for automation, but for empowerment. <a class="alignright" title="Productivity" href="/about-us/janitorial-service-software/efficiency-in-the-workplace/">Meet and Exceed Expectations</a>
    
    </div></div>
  2. #2
  3. No Profile Picture
    Dazed&Confused
    Devshed Novice (500 - 999 posts)

    Join Date
    Jun 2002
    Location
    Tempe, AZ
    Posts
    506
    Rep Power
    128
    If you don't get a timely response, you might have better luck asking this in the HTML or CSS forums. And expect this topic to be moved to the latter when a moderator happens by...
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2013
    Posts
    50
    Rep Power
    2
    Originally Posted by dmittner
    If you don't get a timely response, you might have better luck asking this in the HTML or CSS forums. And expect this topic to be moved to the latter when a moderator happens by...
    Should I delete this and re-post in there? (It's a PHP site, so I just figured this would the place... but I guess that makes sense.)
  6. #4
  7. Did you steal it?
    Devshed Supreme Being (6500+ posts)

    Join Date
    Mar 2007
    Location
    Washington, USA
    Posts
    13,961
    Rep Power
    9397
    Originally Posted by JCKnoell
    Should I delete this and re-post in there?
    No, just let somebody (cough dmittner) report the thread and we can move it for you.

    But no harm done here. Locking this in favor of the new thread.

    Comments on this post

    • dmittner disagrees : I disagree on account of you not covering your mouth when you cough.

IMN logo majestic logo threadwatch logo seochat tools logo