Website Design Forum

**Helton** · 08-18-2010, 07:27 PM

When I upload my site to my server via Dreamweaver CS3. Everything is fine execpt at first only the background image I uploaded in the page properties was showing. then I made some changes and now only the template color is showing. I'm not sure what I need to go to get the background page image (behind the template) and the template full of color to both show when published. I see them both in editing. Any advice would be appreciated. Thanks

**Helton** · 08-18-2010, 07:42 PM

actually the color that is showing up is the default gray...not the gray I have selected for the template

**OrlWebDesign** · 08:06 PM

Well, you haven't provided much to work with, but if you were to add something like this to your CSS, you'd get both your background image and color.

HTML Code:

background: #666 url(images/yourimage.jpg) no-repeat center top;

What that does is use the background image "yourimage.jpg" as your background, and it centers it along the top of your site without repeating it. Where this is no image, the color #666 shows throughout the rest of your site.

You can use overlapping DIVS to use two background images at the same time, too.

**Helton** · 08-18-2010, 11:00 PM

I dont think that will work. I wish I could take a screen shot. The background image goes on the right and left sides (like a margin area) the template that houses the graphics, nav bar, etc. is made up of a header, footer, main, left & right sidebar which I have made all one color. I saved the template as a html webpage and it always saves it in the template folder. I move it out for it to work. Im not sure what the process I need to be following. Whatever I have done to it now...the background image shows up...everything is in place according to the template. The template background color is just not there.

**Helton** · 08-19-2010, 12:24 AM

here is a screen shot of what is appearing http://prntscr.com/r0uq
the camo pattern is only supposed to show outside of those thin black lines on the left and right. Inside is supposed to be a color. I see it in dreamweaver but not online. I can't figure out what it's going to take to get it to appear. Anyone have an idea of what the solution could be?

**Helton** · 04:35 PM

Here is my code "

HTML 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Helton Outdoors</title>



<style type="text/css"> 
<!-- 
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	background-image: url(Images/background.jpg) ;
	background-color: #272727;
	background-repeat: repeat;
}
.thrColLiqHdr #container {
	width: 80%;
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: center; 
	background-color: 272727;
} 
header {
	padding: 0 10px;  
	background-color: 272727;
} 
.thrColLiqHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
}


.thrColLiqHdr #sidebar1 {
	float: left; 
	width: 22%; 
	padding: 15px 0; 
	background-color: 272727;
}
.thrColLiqHdr #sidebar2 {
	float: right; 
	width: 23%; 
	padding: 15px 0; 
	background-color: 272727;
}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	margin-left: 10px; 
	margin-right: 10px;
}


*/
.thrColLiqHdr #mainContent { 
	margin: 0 24% 0 23.5%; 
}

.thrColLiqHdr #footer {
	padding: 0 10px;
	background-color: 272727;
} 
.thrColLiqHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
}


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

</style>

</head>

<body class="thrColLiqHdr">

<div id="container"> 
 <div id="header">  
    <h1 align="center"><img src="Images/gbglogo.gif" width="700" height="400" alt="logo" /></h1>
  </div>
  <div id="sidebar1">
  <h3 align="center"><img src="Images/HOMEgif.gif" width="150" height="55" alt="home" /></h3>
  <p align="center"><img src="Images/STORE.gif" width="150" height="55" alt="store" /></p>
  <p align="center"><img src="Images/FORUM.gif" alt="forum" width="150" height="55" /></p>
  <p align="center"><img src="Images/BLOG.gif" alt="blog" width="150" height="55" /></p>
  <p align="center"><img src="Images/GALLERY.gif" alt="gallery" width="150" height="55" /></p>
  </div>
  <div id="sidebar2">
    <h3>&nbsp;</h3>
    </div>
  <div id="mainContent">
    <h1 align="center"><img src="Images/woban.gif" alt="banner" width="392" height="72" /></h1>
  </div>
	<br class="clearfloat" />
  <div id="footer">
    <p align="center"><img src="Images/social-fb.jpg" alt="fb" width="53" height="53" /><img src="Images/social-camo.jpg" alt="camo" width="83" height="53" /><img src="Images/social-twitter.jpg" alt="twitter" width="52" height="53" /></p>
  </div>
</div>
</body>
</html>

**FBHC** · 08-19-2010, 04:12 PM

Which type of browser window are you viewing in? Try a different one: Google Crome, Firefox, IE, and Safari.

See if it's the same problem. When I used dreamweaver, i would have the same problem.

Let me know what happens.

**Helton** · 08-19-2010, 05:49 PM

it doesn't work in other browsers.

**Helton** · 08-19-2010, 05:56 PM

ive tried IE Google Chrome and Safari