Hi Everyone,
Just learning CSS and have spet too long on this simple task already.
I want a fading background to be displayed so there is no white space on larger higher resolution screens.
I have created a 1px width and 581 high pixel which needs to epeat across the screen horizontally and then a 1 px height image to then continue vertically below this.
This only works when I set the height in the css and the following doesnt.
/* CSS Document */
#header{}
#body_bg_x{
background-image:url(images/bg_1px.jpg);
background-repeat:repeat-x;
}
#body_bg_y{
background-image:url('images/bg_1px_y.jpg');
background-repeat:repeat-y;
}
<html>
<head>
<link href="rosevalley.css" rel="stylesheet" type="text/css">
<title>Rose Valley Web Design</title>
</head>
<body>
<div id="body_bg_x"></div>
<div id="body_bg_y"></div>
</body>
</html>
Can anybody help please?
Best Regards
James
Just learning CSS and have spet too long on this simple task already.
I want a fading background to be displayed so there is no white space on larger higher resolution screens.
I have created a 1px width and 581 high pixel which needs to epeat across the screen horizontally and then a 1 px height image to then continue vertically below this.
This only works when I set the height in the css and the following doesnt.
/* CSS Document */
#header{}
#body_bg_x{
background-image:url(images/bg_1px.jpg);
background-repeat:repeat-x;
}
#body_bg_y{
background-image:url('images/bg_1px_y.jpg');
background-repeat:repeat-y;
}
<html>
<head>
<link href="rosevalley.css" rel="stylesheet" type="text/css">
<title>Rose Valley Web Design</title>
</head>
<body>
<div id="body_bg_x"></div>
<div id="body_bg_y"></div>
</body>
</html>
Can anybody help please?
Best Regards
James