Goodmorning all!!
I have a question. I would like to make a little shadow around the mainpage (see picture):
I have made a png file with only a shadow, and I wanted to place that on top, but for some reason it is not working (I am not a css hero).
This is part of the original css file. The shadow-png should be on top of the contentmainwrapper.. Do you know what I have to add to place the shadow.png on top of the contentmainwrapper? Or are there other ways
Code:
html {
background-image: url("../images/grotachtergrondwit.jpg");
margin:0 0px;
background-repeat: repeat;
background-position: top ;
height: 1600px ;
}
body {
color:#9a9a9a;
background-image: url("../images/bovenkantbodywinieuwelayout.jpg");
font: 12px arial, sans-serif;
margin:0 0px;
background-position: top ;
background-repeat: no-repeat;
height: 1155px ;
}
#contentMainWrapper {
margin: 0;
background-image: url("../images/grotachtergrondwit.jpg");
}
/*wrappers - page or section containers*/
#mainWrapper {
text-align: left;
width: 910px;
vertical-align: top;
background-image: url("../images/row_11.png");
height: 50px;
background-repeat: no-repeat;
background-position: right;
}
This is the test-page without the shadow-border.. :
http://www.merlins-cave.nl/cavestore...ndex&cPath=828
Bookmarks