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

    Join Date
    Nov 2003
    Location
    Toronto
    Posts
    166
    Rep Power
    11

    Combining css with jquery caused unexpected results...


    on the top left corner i have an arrow.

    i downloaded a jquery plugin that 'wiggles' things
    i run in it in the console:
    $('.menuarrow').wiggle();

    the plugin works however i'm unhappy with the 'look and feel'
    because the first wiggle breaks down the menu...

    the link is: www.timur.ca

    how can i keep the menu in tact when the arrow wiggles..?
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4304
    If you look at that plugin's code, you'll see that the image is wrapped in a <div> temporarily.

    Adding this to your stylesheet should help:
    Code:
    .wiggle-wrap {
      display: inline-block;
    }
    P.S. You mean "intact", not "in tact".
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2003
    Location
    Toronto
    Posts
    166
    Rep Power
    11

IMN logo majestic logo threadwatch logo seochat tools logo