SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Hybrid View

  1. #1
    SitePoint Evangelist kyllle's Avatar
    Join Date
    Jun 2008
    Posts
    469
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need help positioning background images

    Hi all,

    I have created a ul which has li with links which are replaced with background images, I have then tried to float this ul to the right but getting weird results in ie7, I really really think Im doing all this wrong and would love some help because Iv tried a few ways but just cant get it right!

    Page is here http://www.kylehouston.com/testing/test.html

    Thanks loads in advance!
    Kyle

  2. #2
    SitePoint Mentor bronze trophy
    John_Betong's Avatar
    Join Date
    Aug 2005
    Location
    City of Angels
    Posts
    1,889
    Mentioned
    74 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by kyllle View Post
    Hi all,

    I have created a ul which has li with links which are replaced with background images, I have then tried to float this ul to the right but getting weird results in ie7, I really really think Im doing all this wrong and would love some help because Iv tried a few ways but just cant get it right!

    Page is here http://www.kylehouston.com/testing/test.html

    Thanks loads in advance!
    Kyle
    Move the DIV outside of the UL
    PHP Code:

      
    <ul class="social_links">

        <
    li><a href="2" class="last_fm">Last Fm</a></li>
        <
    li><a href="4" class="facebook">Facebook</a></li>
        <
    li><a href="5" class="twitter">Twitter</a></li>
      </
    ul>

      <
    div style="clear: both;"></div

    .
    Learn how to be ready for The New Move to Discourse

    How to make Make Money Now with a *NEW* look

    Be sure to congratulate Wolfshade on earning Member of the Month for August 2014

  3. #3
    SitePoint Guru
    Join Date
    Nov 2008
    Posts
    625
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    just add float:left

    Code:
    .social_links li{
    	float:left;
    	}
    vineet

  4. #4
    SitePoint Evangelist kyllle's Avatar
    Join Date
    Jun 2008
    Posts
    469
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey all got it fixed, need to float the li left and not the a!

  5. #5
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,751
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by kyllle View Post
    Hi all,

    I have created a ul which has li with links which are replaced with background images, I have then tried to float this ul to the right but getting weird results in ie7, I really really think Im doing all this wrong and would love some help because Iv tried a few ways but just cant get it right!

    Page is here http://www.kylehouston.com/testing/test.html

    Thanks loads in advance!
    Kyle
    Hi, to explain, this was the staircase bug in IE7, and as you found out the fix is to float the outer parent (the <li>) and not the anchor. Giving the <li> display:inline; woulda also worked along with a few other properties
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  6. #6
    SitePoint Guru Luki_be's Avatar
    Join Date
    Jun 2008
    Location
    Brazil, Minas Gerais. But i'm from Belgium.
    Posts
    867
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you wanna read up on it:
    staircase fun with IE
    SitePoint Guru
    Sitepoint - the ultimate Css well
    As a computer, I find your faith in technology amusing.
    Sitepoint reference, your friend in need


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
  •