[Baez]

Anyone know how to go about this?

Here's the page: Baez Computers Inc. - Desktops

As you can see it scrolls left and right using Spry. I want a border around that scroll box but I'm not really sure how to go about doing that.

If anyone has an idea I'm all ears!

[synergy]

Add this to the div containing the spry's:

style="border:solid #000000 1px; width:450px"

So your code for the opening div tag would be:

<div id="computers" class="SlidingPanels" tabindex="0" style="border:solid #000000 1px; width:450px"> 

Alternatively you can add that code to the CSS that controls that section (#computers) in the following form:

border:solid #000000 1px; 
width 450px;

Setting the width to 450 pixels will control what is displayed within the div. Right now, with it set at default, it's at 100% page width (or parent div width). Obviously you can change the values to be whatever you want.

Hope that helps.

[Baez]

Thanks syn. I already know how to do that though .

I mean a border using an image. Either multiple images to make a box, so 4 side images with 4 corner images, or one image going all the way around the containing div.

So basically an image like this:

[synergy]

Well, CSS3 has new border functions. You could try that. I've also used JS/css for a border that has a gradient. It doesn't have rounded corners and it has a little hack for Firefox, so it doesn't validate.

CSS3 module: Border
CSS Backgrounds and Borders Module Level 3
Dynamic Drive CSS Library- CSS3 Box Shadows ("box-shadow" property)

[Baez]

Hmm do you think using a div with a background of that image and then putting the spry divs inside would work?

[synergy]

Probably, but then that whole image would have to load. That's more of a workaround, but I suppose it would work. The image is only 3K, so it's not a huge issue.

[Baez]

Well it worked out well. You can see what I did now. Thanks for your help syn

[zedman3d]

Site looks good.