Help- putting glow around images (Safari and FF work, IE doesn't)

Discussion in 'Web Design and Development' started by madmaxmedia, Oct 30, 2007.

  1. madmaxmedia macrumors 68030

    Dec 17, 2003
    Los Angeles, CA
    Hi all,

    I am trying to help my wife create a web page of photos. She wants to have a glow effect around the photos.

    I used the following JS tool for the glow effect-

    I am totally new to CSS, but messed around and got it to work. I used the created 'glow' class on a <div> element, then stuck the image inside the <div>. I previously just tried assigning "glow" to the <IMG> tag, but it doesn't work.

    Here's the working example:

    The glow shows up fine in Safari and Firefox, but in IE the bottom of the image is messed up. It looks like the the div extends longer than the image, thus there is no bottom border glow.

    In addition, the bubble that overlaps with the image is in a different position in IE too, but that's not as big of a deal for now...

    Any tips?

  2. jng macrumors 65816


    Apr 6, 2007
    Glowing borders are tacky anyway. Don't use them.

    More importantly that script (on the developer's site) just brought safari to a crawl for me and I had to force quit.

    IE is also just finicky and it's not worth it trying to figure out what's wrong with someone else's code.

    I would just go with a solid border using CSS and forget the glow...
  3. iMouse macrumors 6502

    Jul 23, 2002
    Boardman, Ohio
    Tell them to use Firefox

    A few smitfraud infections later, you can tell them "I told you so!". :)
  4. madmaxmedia thread starter macrumors 68030

    Dec 17, 2003
    Los Angeles, CA
    LOL, thanks for the responses guys.

    I will work around it some other way, or just drop the shadows.

Share This Page