What I'm trying to test is changing this code
Code:
.VertMenuRightColumn {
border:1px solid #FFFFFF;
BACKGROUND-COLOR: #9900CC;
VERTICAL-ALIGN: top;
PADDING-LEFT: 7px;
PADDING-TOP: 7px;
PADDING-BOTTOM: 7px;
PADDING-RIGHT: 7px;
}
Is there a way to make the background color 9900cc; into an image? This is what I tried.
Code:
.VertMenuRightColumn {
border:1px solid #FFFFFF;
BACKGROUND-IMAGE: url(images/purplebackground.jpg);
VERTICAL-ALIGN: top;
PADDING-LEFT: 7px;
PADDING-TOP: 7px;
PADDING-BOTTOM: 7px;
PADDING-RIGHT: 7px;
}
Am I doing something wrong? Fairly rookie at css still. Also does the background image need to be a specific size? Any help would be great thanks
Also tried...
Code:
.VertMenuRightColumn {
border:1px solid #FFFFFF;
BACKGROUND-IMAGE: url(images/purplebackground.jpg);
BACKGROUND-REPEAT: repeat-x;
VERTICAL-ALIGN: top;
PADDING-LEFT: 7px;
PADDING-TOP: 7px;
PADDING-BOTTOM: 7px;
PADDING-RIGHT: 7px;
}