I try to remove the border of the widgets in my sidebar. But by setting the border to ‘0px’ or ‘none’, the whole sidebar is disabled. Could anybody help me, by telling what I should do to remove the borders. It is about the website www.latour-lith.nl
.sidebar .block {
float: left;
margin-bottom: 10px;
/*border-left: 1px solid #E3E3E3;
border-top: 1px solid #E3E3E3;
border-right: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;*/
border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
]]>/* Begin Sidebar */
#sidebar
{
padding: 20px 0 10px 0;
margin-left: 545px;
width: 190px;
}
but the background image ended up being indented with a bit of the light blue background color of the sidebar showing to the left. So I assume I’m either inserting it in the wrong area or am doing it wrong.
Here’s the code I used:
/* Begin Sidebar */
#sidebar
{
background-image: url(images/blog_bckgrnnd.jpg);
background-repeat: repeat-y;
padding: 20px 0 10px 0;
margin-left: 545px;
width: 190px;
}
If someone can set me straight on this it would be greatly appreciated.
Thanks.
Fred
]]>