View Single Post
07-27-2012, 10:30 PM
#1
brandibug is offline brandibug
Status: I'm new around here
Join date: Jul 2012
Location: Fresno
Expertise: Design
Software: Photoshop
 
Posts: 1
iTrader: 0 / 0%
 

brandibug is on a distinguished road

  Old  Help with CSS and Dreamweaver

I know, I know, WYSIWYG programs shouldn't be used... But I'm in college and the professor wants us to use it. And I'm not comfortable yet coding solo yet.

But anyway, my problem is with CSS. I'm making a website for a class, and having some issues with the preview in Dreamweaver and then preview in browser.


This is the preview in my Dreamweaver. Looks the way I want it to.


This is how it looks even if I host it on my school's web server.

I'm wondering why the image backgrounds for my nav and content aren't showing up, but the green border for my content background image is just like that.

The code I use is:
Code:
@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(Images/bg.jpg);
	background-repeat: repeat;
	width: 100%;
}
.content {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	position: absolute;
	height: 1000px;
	width: 960px;
	overflow: auto;
	left: 102px;
	top: 487px;
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-image: url(Images/contentbg.jpg);
	background-repeat: no-repeat;
}

.header {
	position: absolute;
	left: 102px;
	top: 7px;
}
.nav {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: lowercase;
	color: #FFFFFF;
	text-decoration: none;
	position: absolute;
	height: 50px;
	width: 960px;
	left: 102px;
	top: 437px;
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-image: url(Images/navbg.jpg);
	background-repeat: no-repeat;
}
a:link {
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: 5cb53d;
	text-decoration: none;
}
a:visited {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #397126;
	text-decoration: none;
}
a:hover {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #75C859;
	text-decoration: none;
}
a:active {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: 5cb53d;
	text-decoration: none;
}
h1 {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: 5cb53d;
}