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

    Joined:
    Dec 17, 2003
    Location:
    Los Angeles, CA
    #1
    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-
    http://www.ruzee.com/blog/ruzeeborders/

    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:

    http://www.madmaxmedia.com/julie/

    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?

    Thanks!!!
     
  2. jng macrumors 65816

    jng

    Joined:
    Apr 6, 2007
    Location:
    Germany
    #2
    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 regular

    Joined:
    Jul 23, 2002
    Location:
    Boardman, Ohio
    #3
    Tell them to use Firefox

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

    Joined:
    Dec 17, 2003
    Location:
    Los Angeles, CA
    #4
    LOL, thanks for the responses guys.

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

Share This Page