logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 05-09-2012, 06:47 PM   #1
Dinita
 
Join Date: May 2012
Posts: 4
Default Student needing help!

Hello, I hope someone can help, I am a student who is working on an online project for my degree, I designed a website using Photoshop and Dreamweaver and need some help, when the page is loaded using the dreamweaver preview the css code does not load although the page looks fine in the dreamweaver design window. When it appears online it shows some but not all of the css elements, does anyone know if there is a problem with my css code:

HTML Code:
@charset "UTF-8";
/* CSS Document */

body,td,th {
	color: #FFF;
}
body {
	background-color: #44a4a3;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	
}#Wrapper {
	width: 1000px; margin: 0 auto;
}
#header {
	padding: 0px;
	height: 251px;
	width: 519px;
	margin: 0 auto;
	background-image: url(/Images/header.gif);
	background-repeat: no-repeat;
}
#Main {
	background-image: url(/public_html/the1in5/Images/main.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 1000px;
}
#line {
	background-image: url(/public_html/the1in5/Images/line.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px;
}
#Footer {
	height: 39px;
	width: 1000px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #FFF;
}
#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FFF;
	letter-spacing: normal;
	float: none;
	width: 900px;
	text-align: right;
	a:link {color:#FFFFFF;} 
    a:visited {color:#000000;}  
   a:hover {color:#000000;}  
}
.

my site is currently hosted at the1in5.dinitamoore.com
Dinita is offline   Reply With Quote
Old 05-10-2012, 12:03 AM   #2
johnMoss
johnMoss's Avatar
 
Join Date: Dec 2010
Location: Dallas
Posts: 867
Default

Your URL link isn't working. Post your html so we can see it.

Aside, you have one closing bracket too many at the bottom of your CSS code.
__________________
LinkedIn: jM
johnMoss is offline   Reply With Quote
Old 05-10-2012, 12:14 AM   #3
Dinita
 
Join Date: May 2012
Posts: 4
Default

Thanks for replying, my URL was incorrect the actual URL is http://the1in5.dinitamoore.com/ and my HTML is

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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>The 1 in 5 - Youth Unemployment Explored</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<link href="/public_html/the1in5/Css/stylesheets.css" rel="stylesheet" type="text/css" />
<body bgcolor="#44a4a3" text="#FFFFFF" vlink="#999999">
<div id="Wrapper">
  <div id="header"><a href="http://the1in5.dinitamoore.com"><img src="/public_html/the1in5/Images/header.gif" border="0" /></a></div>
  <div id="menu"><a href="http://the1in5@dinitamoore.com/about" >About</a></div>
<div id="line">
    <p>&nbsp;</p>
  </div>
<!-- TemplateBeginEditable name="main" -->
<div id="Main">Content for  id "Main" Goes Here</div>
<!-- TemplateEndEditable -->
<div id="Footer"><a href="http://www.dinitamoore.com"><img src="/public_html/the1in5/Images/dmoorelogo.png" align="left" width="38" height="39" alt="DMlogo" longdesc="/Images/dmoorelogo.png" hspace="2px" vspace="2px"/></a> 
  <center>Copyright  2012 - The 1 in 5 - Youth Unemployment explored - </center>
  <a href= "mailto:the1in5@dinitamoore.com"><img src="/public_html/the1in5/Images/email_32.png" width="32" height="32" alt="email"  align="right"hspace="3px"/></a> <a href="http://www.facebook.com/dinita.moore"><img src="/public_html/the1in5/Images/facebook_32.png" width="32" height="32" alt="facebook" align="right"hspace="3px" /></a> <a href="http://www.twitter.com/thatgirldee"><img src="/public_html/the1in5/Images/twitter_32.png" width="32" height="32" alt="twitter" align="right" hspace="3px"/></a><a href="https://vimeo.com/user11613505"><img src="/public_html/the1in5/Images/vimeo_32.png" width="32" height="32" alt="vimeo" align="right" hspace="3px"/></a> </div>
</div>
</body>
</html>
I hope you can help, thanks in advance.
Dinita is offline   Reply With Quote
Old 05-10-2012, 12:23 AM   #4
johnMoss
johnMoss's Avatar
 
Join Date: Dec 2010
Location: Dallas
Posts: 867
Default

Move your css link to just below your title tag. Look where it is, it's outside of the closing head tag. It needs to be inside always.
__________________
LinkedIn: jM
johnMoss is offline   Reply With Quote
Old 05-10-2012, 01:11 AM   #5
Dinita
 
Join Date: May 2012
Posts: 4
Default

Ok I've done this and it doesn't solve the problem. All images not matter what there format don't show, they appear in the design window. Online and in preview all the text shows and none of the CSS background images show, would it be better for me to create the css and then insert the images?
Dinita is offline   Reply With Quote
Old 05-10-2012, 01:25 AM   #6
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

first /public_html/the1in5/Images/header.gif is not correct
try
he1in5/Images/header.gif. also going direct to the image gives a 500 warning.
check your server, and Image folder

The server encountered an internal error or misconfiguration and was unable to complete your request.
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 05-10-2012, 01:28 AM   #7
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

also just spotted that you are using a sub domain, some hosters block images by default in sub domains check if hotlinking is applied iand blocking the images
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 05-10-2012, 04:53 PM   #8
Dinita
 
Join Date: May 2012
Posts: 4
Default

Thanks for all your replies I will contact my host.
Dinita is offline   Reply With Quote
Old 05-11-2012, 02:03 PM   #9
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

Can you fix your online link, so we can actually see the problem?
domedia is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 11:37 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com