SitePoint Sponsor

User Tag List

Results 1 to 10 of 10

Thread: I cry uncle

  1. #1
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,625
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)

    I cry uncle

    Looked at everything I can think of and cant find it. See the social icons in the top right? The JS associated with the addtoany plugin (I think?) makes the icons move up one pixel once the JS loads. Regardless of my position I say it still moves it up one px. Can you see why? I dont want any movement. http://www.websitecodetutorials.com/

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

    I can't see what you mean. The icons are 6px from the top which is what the css is telling them to be?

    Or have you fixed it?

  3. #3
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,625
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Thanks for looking Paul! Watch close. When the icons initially load they are 7px. Then when the JS loads and kicks in it moves up one px to 6px. At least as far as I can tell that's what's going on

  4. #4
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,625
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    I firebuged it and searched and messed with the ul, li, and a for over an hour. For the life of me I can't see what's making it moved up one pixel. I AP'd them because initially they would make the nav container grow by one pixel. But once I AP'd the ul then they moved up on JS load instead.

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,817
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    They're rock solid for me. What browser are you seeing this in?

  6. #6
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,625
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Oh no I hate those types. I'm using Firefox latest. Ill look on the iPad...

  7. #7
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,625
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Yeah doesn't do it on the ipad or iPhone. What the heck would cause that? What browser did you look in? Anyone else see it?

  8. #8
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,817
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    I checked in Firefox and Chrome (PC) and they both seem ok.

    I would change the line-height of that section to 18px to match the image and then float the list, anchor and image so that white space and vertical alignment isn't an issue.

  9. #9
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,625
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Thanks Paul ill try that. Have a good weekend

  10. #10
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,625
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    I tried line height 1 earlier. didnt work. But line-height 18px did. dont know why i did not try that before.


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
  •