social icons jumping

Discussion in 'CSS' started by lew1s666, Oct 9, 2013.

  1. #1
    why the social icons are jumping ? but when i remove the like button everything is fine

    projects.qbf.ie/naturalstone
     
    lew1s666, Oct 9, 2013 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    Since the icons are inline-level inside a DIV... it could be a vertical-align issue... though there are a LOT of issues there... the telno for example is bigger than the DIV around it... the FB-like is set to inline-block while the social icons are floated... aha, yeah, that's the likely cause of your problems right there. You have a inline before a float, while trying to have them on the same line. That's VERY hit or miss across browsers. Really though, I'm wondering why you don't just use text-align and lose the extra DIV around all that... but really you've got way too much markup there for something so simple.

    In general though, the whole page is far, FAR too complex codewise given the simplicity of it's inaccessible fixed width layout, fixed (px) metric fonts, and complete lack of graceful degradation. Of course with the traditional turdpress code bloat of slapping dozens of unnecessary classes on damned near every element because WP skinners are too stupid to understand inheritance isn't helping a whole lot... and that's without talking the static style and static scripting inlined in the markup (so much for caching models), absolute URL's on everything for no good reason, etc, etc...

    But that's par for the course with the steaming pile known as turdpress having off the shelf plugins dumped on it like a few buckets of shellac.
     
    deathshadow, Oct 11, 2013 IP