Hi guys,
I desire to put up 2 background images.. one in the top left and top right but im not sure how to do this succesfully I can only add 1 image. I googled and found this solution:
.box {
/*
* Multiple background magic!
* The order in which images are listed also defines
* their stacking - earlier images are drawn on top of
* later ones.
*/
background-color: #000000
background-image: url("images/left.jpg"), url("images/right.jpg"),
background-repeat: no-repeat, no-repeat,
background-position: top left, top right,
/*
* Ensure a minimum height and width so that the corner
* images never overlap
*/
margin: 0 0 1em 0;
padding: 10px;
min-height: 16px;
min-width: 16px;
}
This is my current CSS setup:
In the background box I have : "#000000 url(images/left.jpg) repeat-x top left
"
and in the extra css attributes I have:
margin: 0px 0px 0px 0px;
padding: 0px;
background-repeat: no-repeat;
Anyone have a clue what I should do?
I desire to put up 2 background images.. one in the top left and top right but im not sure how to do this succesfully I can only add 1 image. I googled and found this solution:
.box {
/*
* Multiple background magic!
* The order in which images are listed also defines
* their stacking - earlier images are drawn on top of
* later ones.
*/
background-color: #000000
background-image: url("images/left.jpg"), url("images/right.jpg"),
background-repeat: no-repeat, no-repeat,
background-position: top left, top right,
/*
* Ensure a minimum height and width so that the corner
* images never overlap
*/
margin: 0 0 1em 0;
padding: 10px;
min-height: 16px;
min-width: 16px;
}
This is my current CSS setup:
In the background box I have : "#000000 url(images/left.jpg) repeat-x top left
"
and in the extra css attributes I have:
margin: 0px 0px 0px 0px;
padding: 0px;
background-repeat: no-repeat;
Anyone have a clue what I should do?
Comment