SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast
    Join Date
    Sep 2011
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    OMG Why can't they just work?

    I am so mad at all the garbage that goes on.

    All I want to do is make a simple box with a drop shadow. So I make a four corner image and try to make it stretch and it's a complete pain and hardly ever works.

    So I tried to make the drop shadows in CSS instead so that I don't have to use images. That works great in FireFox but IE completely ignores it.

    I don't know how to make IE do the drop shadows, and I have no idea how to make the browser manufactures get their acts together so stuff works. Everything should just look the same no matter what browser I do it in. I shouldn't have to deal with garbage.

  2. #2
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    IE from versino 9 supports them. See the support table for the box-shadow property: http://dev.opera.com/articles/view/c...r-box-shadows/

    If you want to fork your CSS, you can use something like CSS3Pie.
    Maleika E. A. | Rockatee | Twitter | Dribbble



  3. #3
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    If you want to use js for ie then do as stated above and use csspie. That is a perfectly good solution and I wouldnt consider being lazy as it only fails in ie8/7/6 with js off and its only a shadow. If you want a shadow to work everywhere regardless then you can use one of my links below.

    Drop shadow http://www.visibilityinherit.com/code/drop-shadow.php
    4 sided drop shadow http://www.visibilityinherit.com/cod...lay-shadow.php
    rounded 4 sided drop fixed width box shadow http://www.visibilityinherit.com/cod...corner-box.php

    If its rounded corners and/or a width less box then I would just use csspie prob. You can do it with css and images but it gets complicated. Paul has some links on those if need be.

  4. #4
    SitePoint Enthusiast
    Join Date
    Sep 2011
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Okay... I followed the example (http://www.w3.org/Style/Examples/007/roundshadow). So fart it's working but how to I change the angle of the shadow, right now it looks really bad with the default, it's way too much shadow.

  5. #5
    SitePoint Wizard bronze trophy chris.upjohn's Avatar
    Join Date
    Apr 2010
    Location
    Melbourne, AU
    Posts
    2,191
    Mentioned
    17 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by KJ82 View Post
    Okay... I followed the example (http://www.w3.org/Style/Examples/007/roundshadow). So fart it's working but how to I change the angle of the shadow, right now it looks really bad with the default, it's way too much shadow.
    By making your own shadow using Photoshop or GIMP?

  6. #6
    SitePoint Enthusiast
    Join Date
    Sep 2011
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by SgtLegend View Post
    By making your own shadow using Photoshop or GIMP?
    No, Photoshop is the oldschool way. There is no need for messing with those shadow images in Photoshop anymore thanks to CSS3.

    BTW. I got it fixed already, sorry I didn't have time to update earlier.


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
  •