Home/ Questions/Q 7507165
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T22:25:59+00:00

I have a div, with an image border repeated along y-axis from top. background:url(../shadow_left.png)

  • 0

I have a div, with an image border repeated along y-axis from top.

background:url(../shadow_left.png) repeat-y top left;
border:1px solid black;

the problem is, that my client DEMANDS a 1px border also, along with the background border image.

If I simply add the 1px solid black border, it will appear AFTER the background-image border.

Since the background-border is a shadow, I need the 1px regular border just before it, and not outside it. Currently it is appearing outside, which makes it ugly.

Any ideas?

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Couple of options you could try.

    Firstly, you could just add a 1px border to the actual image file, on the right side.

    Secondly, you could add an inner DIV to your current DIV. The inner DIV will have the content and the 1px border and then the outer div has the background image. you will need to make the inner DIV have a left-margin equal to the same width as the image you are using for the shadow.

    Hope that makes sense

    Here is a sample

    • 0