curty409
Junior Member
Hi guys, I'm new here but after looking around a good place to go I decided to try here.
Anyway I was wondering if you could help me with a problem I have run into. I'm creating a Joomla template from scratch. I have managed to get the template to load up on my local server with no problems at all. The problem comes when I try to get images to appear on the localhost webpage.
I have 2 CSS files; 1 called template.CSS and another called Background.CSS
At the moment all I am bothered about doing is getting the background.CSS to work. I have added a piece of CSS code into it to load a background URL with no repeat.
I then want to load this into my index.PHP file so it should load up on my joomla page.
After looking around it seems that I'm doing everything correctly but for some reason it will not show on my localhost webpage when refreshed, etc. I have made sure the files have updated too.
Here is my CSS code:
body {
}#background {
background-image: url(../Images/Background.jpg);
background repeat: no-repeat;
}
Here is my PHP code:
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<link rel="stylesheet" type="text/css" href="../css/template.css">
<link rel="stylesheet" type="text/css" href="../css/background.css">
<head>
<jdoc:include type="head" />
</head>
<body>
<div id="background">
<div id="header"><jdoc:include type="modules" name="top" /> </div>
<div id="left" class="float"><jdoc:include type="modules" name="left" /></div>
<div id="content" class="float"><jdoc:include type="component" /></div>
<div id="right"class="float"><jdoc:include type="modules" name="right" /></div>
<div id="footer" class="clear"><jdoc:include type="modules" name="footer" /></div>
</div>
</body>
</html>
Thanks in advance for replies I may get and I hope someone can help me out as I am new to Joomla and PHP.
Anyway I was wondering if you could help me with a problem I have run into. I'm creating a Joomla template from scratch. I have managed to get the template to load up on my local server with no problems at all. The problem comes when I try to get images to appear on the localhost webpage.
I have 2 CSS files; 1 called template.CSS and another called Background.CSS
At the moment all I am bothered about doing is getting the background.CSS to work. I have added a piece of CSS code into it to load a background URL with no repeat.
I then want to load this into my index.PHP file so it should load up on my joomla page.
After looking around it seems that I'm doing everything correctly but for some reason it will not show on my localhost webpage when refreshed, etc. I have made sure the files have updated too.
Here is my CSS code:
body {
}#background {
background-image: url(../Images/Background.jpg);
background repeat: no-repeat;
}
Here is my PHP code:
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<link rel="stylesheet" type="text/css" href="../css/template.css">
<link rel="stylesheet" type="text/css" href="../css/background.css">
<head>
<jdoc:include type="head" />
</head>
<body>
<div id="background">
<div id="header"><jdoc:include type="modules" name="top" /> </div>
<div id="left" class="float"><jdoc:include type="modules" name="left" /></div>
<div id="content" class="float"><jdoc:include type="component" /></div>
<div id="right"class="float"><jdoc:include type="modules" name="right" /></div>
<div id="footer" class="clear"><jdoc:include type="modules" name="footer" /></div>
</div>
</body>
</html>
Thanks in advance for replies I may get and I hope someone can help me out as I am new to Joomla and PHP.