Ok I have a page template index that uses a body id=“index” and another page news that uses the body id=“news”
However my background image is not showing on the news page.
Here is the beginning of the index page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" media="all" href="{stylesheet=varcha/master_css}" />
<link rel="stylesheet" type="text/css" media="all" href="{stylesheet=varcha/navbar_css}" />
<link rel="stylesheet" type="text/css" media="all" href="{stylesheet=varcha/content_css}" />
</head>
<body id="index">
Here is the news page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" media="all" href='{stylesheet=varcha/master_css}' />
<link rel="stylesheet" type="text/css" media="all" href="{stylesheet=varcha/navbar_css}" />
<link rel="stylesheet" type="text/css" media="all" href="{stylesheet=varcha/content_css}
</head>
<body id="news">
And here is the css
#index {
padding: 0px;
min-width: 960px;
background-image: url(http://www.varcha.org/images/index_bg.jpg);
background-repeat: repeat-x;
margin: 0px;
}
#news {
padding: 0px;
min-width: 960px;
background-image: url(http://www.varcha.org/images/pagesBG.jpg);
background-repeat: repeat-x;
margin: 0px;
}
So why dont my news pages display the background image?
