Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,256
Total Threads: 106,575
Total Posts: 592,699
There are 88 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

Help with CSS and Dreamweaver

Thread title: Help with CSS and Dreamweaver
Reply    
    Thread tools Search this thread Display Modes  
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;
}

08-02-2012, 03:19 PM
#2
luisserrano is offline luisserrano
luisserrano's Avatar
Status: I'm new around here
Join date: Nov 2011
Location:
Expertise: Web Design, Web Development
Software: Photoshop, Illustrator
 
Posts: 7
iTrader: 0 / 0%
 

luisserrano is on a distinguished road

Send a message via Skype™ to luisserrano

  Old

Never use the preview in Dreamweaver Browser Designer tip

Reply With Quote
08-10-2012, 12:12 PM
#3
iulian.im is offline iulian.im
iulian.im's Avatar
Status: I'm new around here
Join date: Aug 2012
Location: Romania
Expertise: Design, PHP, HTML, CSS, Java
Software: Photoshop, Sublime Text 2
 
Posts: 4
iTrader: 0 / 0%
 

iulian.im is on a distinguished road

  Old

Forget Dreamweaver, get EditPlus or Sublime Text 2 and preview your sites in Chrome or Firefox.

Reply With Quote
10-29-2012, 03:30 PM
#4
hewlett0512 is offline hewlett0512
Status: I'm new around here
Join date: Sep 2010
Location: manila philippines
Expertise: psd
Software: cs3
 
Posts: 3
iTrader: 0 / 0%
 

hewlett0512 is on a distinguished road

  Old

Originally Posted by brandibug View Post
I know, I know, WYSIWYG programs shouldn't be used... [/CODE]
may i know why? because my professor will teach us that stuff in the coming weeks

Reply With Quote
Reply    


Thread Tools
Display Modes

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed