Using image for borders

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Leo Smith
    New Member
    • Mar 2007
    • 45

    Using image for borders

    I have a simple question. If you are using the latest versions of Firefox and IE, can you use an image for a border on a div element or table element? I would like to have a shadow that is defined in the CSS file that does not require placing another object behind the element that is to cast the shadow.

    Thanks,
    Leo
  • drhowarddrfine
    Recognized Expert Expert
    • Sep 2006
    • 7434

    #2
    Simple answer: no.

    Comment

    • KevinADC
      Recognized Expert Specialist
      • Jan 2007
      • 4092

      #3
      Yea, there is no suppport for images wth borders, but maybe one of the border-styles could be used to create the affect you want or near to it.

      inset
      outset
      groove
      ridge

      and using different colors/shades for the various sides might create an affect close to what you want.

      Comment

      • Leo Smith
        New Member
        • Mar 2007
        • 45

        #4
        That is what I thought. Some had told me that they had thought the newer browsers could handle this.

        Comment

        • KevinADC
          Recognized Expert Specialist
          • Jan 2007
          • 4092

          #5
          Well, not that I know of, but I am a little out of date as far as CSS goes. I found this but it's just a draft document:

          CSS3 module border

          Comment

          • Christopera
            New Member
            • Feb 2007
            • 70

            #6
            Why wouldnt you just want to put one div on top of the other?

            Comment

            • AricC
              Recognized Expert Top Contributor
              • Oct 2006
              • 1885

              #7
              Originally posted by Christopera
              Why wouldnt you just want to put one div on top of the other?
              That's not a bad idea, but you would then be loading 2 pics.

              Comment

              • Christopera
                New Member
                • Feb 2007
                • 70

                #8
                Originally posted by AricC
                That's not a bad idea, but you would then be loading 2 pics.
                I can see doing this rather easily, the center of the background/border pictures could be either transparent or unicolor and hence load extremely fast.

                Comment

                • Leo Smith
                  New Member
                  • Mar 2007
                  • 45

                  #9
                  The reason for not putting two divs on top of each other is simply the graphic that is disired is a gradiant. The side closest to the frame that is on top is darker than the edge, and it has a level of transparency. This makes some aspects of the layout difficult but makes a cool looking page. The CSS 3.0 would fix the prblem, but it doesn't look like anyone is using it yet. Thanks for all the suggestion.

                  Comment

                  Working...