Here is the code snippet I am working with:
.main
{
width:63%;
background-color:#eee;
background-image:url("http://s27.postimg.org/jqpqvv6pr/gray_bg.jpg") no-repeat;
background-position:top-right;
float: left;
margin-left: 0px;
padding-left: 3px;
}
I made an update to the code:
.main
{
width:63%; background:#eee;
background:#eee url("../slice/gray-bg.jpg") repeat top right;
float: left;
margin-left: 0px;
padding-left: 3px;
}
Here is the HTML structure:
<div class="main">
<div class="section1">
<p id="author1"> Hotel Garden Elysee
<span style="text-align:right;font-size:18px;font-weight: initial;"> - Paris, France</span></p>
<p style="display: inline; font-weight: bold;">January 20 2011 by David LaHuta in <a href="">A Closer Look</a> <p style="margin-left:202px; display:inline"><a href="">(1) Comments<img src="slice/comment-icon.jpg" alt="" /></a></p></p>
<hr style="color: rgb(255, 255, 255); height: 1px;" />
<img style="width: 100%;" src="slice/image_1.jpg" alt="" />
<p>non tincidunt augue placerat non.</p>
<p><a href="">More...</a></p>
</div>
<div class="section2">
<p id="author2"> S.Francesco al Monte Hotel
<span style="text-align:right;font-size:18px;font-weight: initial;"> - Naples, Italy</span></p>
<p style="display: inline; font-weight: bold;">January 29 2011 by David LaHuta in <a href="">A Closer Look</a> <p style="margin-left:202px; display:inline"><a href="">(1) Comments<img src="slice/comment-icon.jpg" alt="" /></a></p></p>
<hr style="color: rgb(255, 255, 255); height: 1px;" />
<img style="width: 100%;" src="slice/image_2-11.jpg" alt="" />
<p>non tincidunt augue placerat non</p>
<p><a href="">More...</a></p>
</div>
</div>
However, I am facing an issue with displaying a shadow on the left side similar to the example image shown here:
The main content section in the provided link displays a shadow on its left side.
Unfortunately, I am unable to achieve this effect. When inspecting the element, it seems like the shadow image is not being displayed correctly.
Any assistance on how to fix this would be greatly appreciated. Thank you!