[dangmnx]

Hi, how can i add images around my css border on each side, top, left, bottom.

here is what i have right now

}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background-image:url('images/header.png');
}

i just want something like
border-left: img(1.png)
border-right: img(1.png)
border-top: img(1.png)
border-bottom: img(1.png)

thx!

[no2pencil]

img
{
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
}

Oh, you are trying to use the image as the boarder....
hrm. Dunno. Scratch the above, sorry.

[dangmnx]

#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background-image:url('images/header.png');
 border-top-image:url('images/top.png');
 border-bottom-image:url('images/bottom.png');
 border-right-image:url('images/right.png');
 border-left-image:url('images/left.png');
}

nothing came up

[BetaWar]

Ya, borders don't currently allow for images to be used, however you may try to do something like so:

<style>
.holderDiv{
  background: url('images/border.png') top left no-repeat transparent;
  width: 300px;
  height: 300px;
}
.contentDiv{
  width: 290px;
  height: 290px;
  margin: 5px;
}
</style>

<div class="holderDiv">
  <div class="contentDiv">
	Content goes here.
  </div>
</div>

NOTE - Untested

The only real downside to this method if you must know how large the content will be beforehand or it won't look right.

Hope that helps.

[hadi_php]

div.test { border:1px solid url(yourpath/image.jpg) }

[Lemur]

Look into rounded corner methods for CSS, it might help. I believe that the multi image border you're describing is CSS3, but it's pretty far out to even think about using.