0

Is there any code within CSS that allows me to have SHADOW around the "border-left" and "border-right" ???

Example of it can be seen from:

http://www.tristarwebdesign.co.uk/

Is it not possible to merely create one more "div" (such as "centerContentShadow") & have it in the background of the "centerContent". I was hoping to create a shadow in Fireworks (using gradient) & then adjust the width of the shadow in the way that shadow ONLY appears in the "border-left" and "border-right" of the "centerContent" ???

My related CSS code could be seen as:

#centerContentShadow
{
	background-image:url(content-shadow.jpg);
}

#centerContent
{
	background-image:url(contentbackground.jpg);
	width:700px; 
	margin-left:45px;
	float:left;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

The HTML code would be (displaying BOTh "div"):

<div id="centerContentShadow">
<div id="centerContent">

My website itself can be seen at:

http://darsh25.silverserve.co.uk/contact.php (the only link I've uploaded, at the moment)

Any help would be greatly appreciated, since the background is WHITE, so it looks rather deadly, at the moment & hopefully, having shadow would jazz it up a bit.

2
Contributors
1
Reply
2
Views
11 Years
Discussion Span
Last Post by tgreer
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.