Div Tag content not appearing

Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.

Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

2 Pages
1
2
→

You cannot start a new topic
You cannot reply to this topic

Div Tag content not appearing

#1 Delta16

Senior Member

Group: Members
Posts: 389
Joined: 18-August 08
Gender:Male
Location:Malta

Posted 22 August 2009 - 09:39 AM

Hi, Im building a website and I would like to use only Div Tags for the whole website (This website is not a school project or something else, its just I would like to do it that way).

For the banner and the navigation bar, the div tags worked. Then I made a side Navigation Bar (Horizontal Navigation bar) and it also worked, but every div tag that i used after that, didnt showed up. In the design view (In dreamweaver) they are visible but when i load it on a browser they are not visible.

Maybe i have messed up the Div tag of the Side Navigation Bar.

Any suggestion, or you could see the php coding and tell me where im wrong.

Thanks in advanced

#2 groovicus

Hail Groovicus!

Group: Moderator
Posts: 9,522
Joined: 05-June 04
Gender:Male
Location:Centerville, SD

Posted 22 August 2009 - 01:58 PM

It is impossible for us to tell you what is wrong with your code unless we can actually see your code.....

"Take the risk of thinking for yourself, much more happiness, truth, beauty, and wisdom will come to you that way" - Christopher Hitchens

#3 Delta16

Senior Member

Group: Members
Posts: 389
Joined: 18-August 08
Gender:Male
Location:Malta

Posted 22 August 2009 - 05:11 PM

Ohh yeah Sorry, Forgot to add it :thumbsup:

<!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>Wallpaper Heaven - Home</title>
<link href="CSS.css" rel="stylesheet" type="text/css" />

<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	left:178px;
	top:193px;
	width:199px;
	height:589px;
	z-index:1;
}
#Samples {
	background-image: url(images/image_22.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
body,td,th {
	color: #CCC;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
	if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
	  img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
	  if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
	  nbArr[nbArr.length] = img;
	  for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
		if (!img.MM_up) img.MM_up = img.src;
		img.src = img.MM_dn = args[i+1];
		nbArr[nbArr.length] = img;
	} }
  } else if (event == "over") {
	document.MM_nbOver = nbArr = new Array();
	for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
	  if (!img.MM_up) img.MM_up = img.src;
	  img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
	  nbArr[nbArr.length] = img;
	}
  } else if (event == "out" ) {
	for (i=0; i < document.MM_nbOver.length; i++) {
	  img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
	nbArr = document[grpName];
	if (nbArr)
	  for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
	document[grpName] = nbArr = new Array();
	for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
	  if (!img.MM_up) img.MM_up = img.src;
	  img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
	  nbArr[nbArr.length] = img;
  } }
}
//-->
</script>
<body onload="MM_preloadImages('images/Side Nav Bar Over/image_16.gif','images/Side Nav Bar Over/image_18.gif','images/Side Nav Bar Over/image_26.gif','images/Side Nav Bar Over/image_28.gif','images/Side Nav Bar Over/image_30.gif','images/Side Nav Bar Over/image_32.gif','images/Side Nav Bar Over/image_34.gif','images/Side Nav Bar Over/image_38.gif','images/Side Nav Bar Over/image_40.gif','images/Side Nav Bar Over/image_42.gif','images/Side Nav Bar Over/image_44.gif','images/Side Nav Bar Over/image_46.gif','images/Side Nav Bar Over/image_48.gif','images/Side Nav Bar Over/image_50.gif','images/Side Nav Bar Over/image_52.gif','images/Side Nav Bar Over/image_54.gif','images/Side Nav Bar Over/image_56.gif')">
</head>

<div  align="center" class="Banner">
<div id="Logo"></div>
 	 	<div id="BannerGFX"></div>
 	 	<div id="Login"></div>
 	 	<div id="Search"></div>
</div>
	
<div class="NavBar">
	  <div id="Left"></div>
	  <div id="Top"></div>
	  <div id="Right"></div>
	  <div id="Left2"></div>
		  <div id="HomeButton"></div>
	  <div id="NavbarSpacer"></div>
	  <div id="ContactButton"></div>
  <div id="RightNavBar"></div>
 
 
  <div id="TopBody"> </div>
  
<div class="Body" id="Sidenavbar">
	 <tr>
		<td height="32"><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','DigitalArt','images/Side Nav Bar Over/image_16.gif',1)" onmouseover="MM_nbGroup('over','DigitalArt','images/Side Nav Bar Over/image_16.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_16.gif" alt="" name="DigitalArt" width="192" height="32" border="0" id="DigitalArt" onload="" /></a>
	<a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer','',1)" onmouseover="MM_nbGroup('over','Spacer','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Over/image_17.gif" alt="" name="Spacer" width="192" height="2" border="0" id="Spacer" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Animation','images/Side Nav Bar Over/image_18.gif',1)" onmouseover="MM_nbGroup('over','Animation','images/Side Nav Bar Over/image_18.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_18.gif" alt="" name="Animation" border="0" id="Animation" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer2','',1)" onmouseover="MM_nbGroup('over','Spacer2','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Over/image_17.gif" alt="" name="Spacer2" width="192" height="2" border="0" id="Spacer2" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Animals','images/Side Nav Bar Over/image_26.gif',1)" onmouseover="MM_nbGroup('over','Animals','images/Side Nav Bar Over/image_26.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_26.gif" alt="" name="Animals" width="192" height="32" border="0" id="Animals" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer4','',1)" onmouseover="MM_nbGroup('over','Spacer4','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_17.gif" alt="" name="Spacer4" width="192" height="2" border="0" id="Spacer4" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Cartoons','images/Side Nav Bar Over/image_28.gif',1)" onmouseover="MM_nbGroup('over','Cartoons','images/Side Nav Bar Over/image_28.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_28.gif" alt="" name="Cartoons" width="192" height="32" border="0" id="Cartoons" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer3','',1)" onmouseover="MM_nbGroup('over','Spacer3','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_17.gif" alt="" name="Spacer3" width="192" height="2" border="0" id="Spacer3" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Computers','images/Side Nav Bar Over/image_30.gif',1)" onmouseover="MM_nbGroup('over','Computers','images/Side Nav Bar Over/image_30.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Computers" src="images/Side Nav Bar Original/side_30.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer5','',1)" onmouseover="MM_nbGroup('over','Spacer5','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer5" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Female','images/Side Nav Bar Over/image_32.gif',1)" onmouseover="MM_nbGroup('over','Female','images/Side Nav Bar Over/image_32.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Female" src="images/Side Nav Bar Original/side_32.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer6','',1)" onmouseover="MM_nbGroup('over','Spacer6','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer6" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Games','images/Side Nav Bar Over/image_34.gif',1)" onmouseover="MM_nbGroup('over','Games','images/Side Nav Bar Over/image_34.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Games" src="images/Side Nav Bar Original/side_34.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer7','',1)" onmouseover="MM_nbGroup('over','Spacer7','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer7" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Holiday','images/Side Nav Bar Over/image_38.gif',1)" onmouseover="MM_nbGroup('over','Holiday','images/Side Nav Bar Over/image_38.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Holiday" src="images/Side Nav Bar Original/side_38.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer8','',1)" onmouseover="MM_nbGroup('over','Spacer8','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer8" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Landscape','images/Side Nav Bar Over/image_40.gif',1)" onmouseover="MM_nbGroup('over','Landscape','images/Side Nav Bar Over/image_40.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Landscape" src="images/Side Nav Bar Original/side_40.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer9','',1)" onmouseover="MM_nbGroup('over','Spacer9','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer9" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Military','images/Side Nav Bar Over/image_42.gif',1)" onmouseover="MM_nbGroup('over','Military','images/Side Nav Bar Over/image_42.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Military" src="images/Side Nav Bar Original/side_42.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer10','',1)" onmouseover="MM_nbGroup('over','Spacer10','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer10" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Misc','images/Side Nav Bar Over/image_44.gif',1)" onmouseover="MM_nbGroup('over','Misc','images/Side Nav Bar Over/image_44.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Misc" src="images/Side Nav Bar Original/side_44.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer11','',1)" onmouseover="MM_nbGroup('over','Spacer11','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer11" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Movies','images/Side Nav Bar Over/image_46.gif',1)" onmouseover="MM_nbGroup('over','Movies','images/Side Nav Bar Over/image_46.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Movies" src="images/Side Nav Bar Original/side_46.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer12','',1)" onmouseover="MM_nbGroup('over','Spacer12','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer12" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Music','images/Side Nav Bar Over/image_48.gif',1)" onmouseover="MM_nbGroup('over','Music','images/Side Nav Bar Over/image_48.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Music" src="images/Side Nav Bar Original/side_48.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer13','',1)" onmouseover="MM_nbGroup('over','Spacer13','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer13" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Photography','images/Side Nav Bar Over/image_50.gif',1)" onmouseover="MM_nbGroup('over','Photography','images/Side Nav Bar Over/image_50.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Photography" src="images/Side Nav Bar Original/side_50.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer14','',1)" onmouseover="MM_nbGroup('over','Spacer14','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer14" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Space','images/Side Nav Bar Over/image_52.gif',1)" onmouseover="MM_nbGroup('over','Space','images/Side Nav Bar Over/image_52.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Space" src="images/Side Nav Bar Original/side_52.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer15','',1)" onmouseover="MM_nbGroup('over','Spacer15','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer15" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Sports','images/Side Nav Bar Over/image_54.gif',1)" onmouseover="MM_nbGroup('over','Sports','images/Side Nav Bar Over/image_54.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Sports" src="images/Side Nav Bar Original/side_54.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer16','',1)" onmouseover="MM_nbGroup('over','Spacer16','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer16" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Vehicles','images/Side Nav Bar Over/image_56.gif',1)" onmouseover="MM_nbGroup('over','Vehicles','images/Side Nav Bar Over/image_56.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Vehicles" src="images/Side Nav Bar Original/side_56.gif" border="0" alt="" onload="" />
	</a>
		</td>
  </tr>
</div>
				
			

<div id="Sample"><img src="images/image_21.gif" width="53" height="190" /><img src="images/image_22.gif" width="218" height="190" /><img src="images/image_23.gif" width="28" height="190" /><img src="images/image_22.gif" width="218" height="190" /><img src="images/image_23.gif" width="28" height="190" /><img src="images/image_22.gif" width="218" height="190" /></div>

<div id="Samples"><img src="images/image_59.gif" width="797" height="31" /></div>

<div id="Sample"><img src="images/image_21.gif" width="53" height="190" /><img src="images/image_22.gif" width="218" height="190" /><img src="images/image_23.gif" width="28" height="190" /><img src="images/image_22.gif" width="218" height="190" /><img src="images/image_23.gif" width="28" height="190" /><img src="images/image_22.gif" width="218" height="190" /></div>

<div id="Samples"><img src="images/image_59.gif" width="797" height="31" /></div>

<div id="Sample"><img src="images/image_21.gif" width="53" height="190" /><img src="images/image_22.gif" width="218" height="190" /><img src="images/image_23.gif" width="28" height="190" /><img src="images/image_22.gif" width="218" height="190" /><img src="images/image_23.gif" width="28" height="190" /><img src="images/image_22.gif" width="218" height="190" /></div>


</body>
</html>

The Css code is on another file, so here it is below :

.Banner {
	width: 990px;
	height: 79px;
	margin:0 auto;
}
#Logo {
	background-image: url(images/image_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 79px;
	width: 128px;
	clear: left;
	float: left;
}
#BannerGFX {
	background-image: url(images/image_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 79px;
	width: 636px;
	clear: right;
	float: left;
}
#Login {
	background-image: url(images/image_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: right;
	float: left;
	height: 55px;
	width: 226px;
}
#Search {
	background-image: url(images/image_04.gif);
	background-repeat: no-repeat;
	background-position: right top;
	clear: right;
	float: right;
	height: 24px;
	width: 226px;
}
.NavBar {
	width: 990px;
	margin:0 auto;
}
#Left {
	background-image: url(images/image_05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
	width: 46px;
	clear: left;
	float: left;
}
#Top {
	background-image: url(images/image_06.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: right;
	float: left;
	height: 27px;
	width: 204px;
}
#Right {
	background-image: url(images/image_07.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: right;
	float: left;
	height: 27px;
	width: 740px;
}
#HomeButton {
	background-image: url(images/image_09.gif);
	background-repeat: no-repeat;
	clear: right;
	float: left;
	height: 45px;
	width: 91px;
	background-position: center top;
}
#Left2 {
	background-image: url(images/image_08.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: left;
	float: left;
	height: 45px;
	width: 46px;
}
#NavbarSpacer {
	background-image: url(images/image_10.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: right;
	float: left;
	height: 45px;
	width: 22px;
}
#ContactButton {
	background-image: url(images/image_11.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: right;
	float: left;
	height: 45px;
	width: 91px;
}
#RightNavBar {
	background-image: url(images/image_12.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: right;
	float: left;
	height: 45px;
	width: 740px;
}
.Body {
	width: 193px;
	clear: left;
	float: left;
	margin:0 auto;
}
#Top {
	background-image: url(images/image_06.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: right;
	float: left;
	width: 204px;
	margin:0 auto;
}
#TopBody {
	background-image: url(images/image_13.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
	width: 990px;
	clear: left;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;


.SideNavBar {
}
#Sidenavbar {
}
#LeftSpacer {
	background-repeat: no-repeat;
	background-position: left top;
	clear: left;
	float: right;
	height: 190px;
	width: 53px;
}
#Sample {
	background-repeat: no-repeat;
	background-position: left top;
	clear: right;
	float: left;
	height: 190px;
	width: 797px;
}
.Body {
}
#samples2 {
	width: 797px;
}
#Copyright {
	background-image: url(images/image_61.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: left;
	float: left;
	height: 198px;
	width: 990px;
}
.Copyright {
	width: 990px;
}

Sorry if it is a little messy
Thanks in advanced

This post has been edited by Delta16: 22 August 2009 - 05:12 PM

#4 groovicus

Hail Groovicus!

Group: Moderator
Posts: 9,522
Joined: 05-June 04
Gender:Male
Location:Centerville, SD

Posted 22 August 2009 - 05:27 PM

For starters, you are missing the opening body tag. You should run your code through the HTML validator at w3 to clear up those syntax errors:
http://validator.w3.org/

"Take the risk of thinking for yourself, much more happiness, truth, beauty, and wisdom will come to you that way" - Christopher Hitchens

#5 Romeo29

Learning To Bleep

Group: BC Advisor
Posts: 2,814
Joined: 06-July 08
Gender:Not Telling
Location:127.0.0.1

Posted 23 August 2009 - 10:06 AM

<body onload="MM_preloadImages('images/Side Nav Bar Over/image_16.gif','images/Side Nav Bar Over/image_18.gif','images/Side Nav Bar Over/image_26.gif','images/Side Nav Bar Over/image_28.gif','images/Side Nav Bar Over/image_30.gif','images/Side Nav Bar Over/image_32.gif','images/Side Nav Bar Over/image_34.gif','images/Side Nav Bar Over/image_38.gif','images/Side Nav Bar Over/image_40.gif','images/Side Nav Bar Over/image_42.gif','images/Side Nav Bar Over/image_44.gif','images/Side Nav Bar Over/image_46.gif','images/Side Nav Bar Over/image_48.gif','images/Side Nav Bar Over/image_50.gif','images/Side Nav Bar Over/image_52.gif','images/Side Nav Bar Over/image_54.gif','images/Side Nav Bar Over/image_56.gif')">
</head>

<body> tag is present but it started before </head>. You should put </head> before <body>. Dreamweaver usually doesnt make this kind of mistakes!

[url="http://www.avast.com/"]avast! free antivirus[/url]

#6 groovicus

Hail Groovicus!

Group: Moderator
Posts: 9,522
Joined: 05-June 04
Gender:Male
Location:Centerville, SD

Posted 23 August 2009 - 11:09 AM

Let me rephrase.. the opening body tag is missing from its correct location, which Romeo pointed out is after the closing head tag.

"Take the risk of thinking for yourself, much more happiness, truth, beauty, and wisdom will come to you that way" - Christopher Hitchens

#7 Delta16

Senior Member

Group: Members
Posts: 389
Joined: 18-August 08
Gender:Male
Location:Malta

Posted 23 August 2009 - 01:45 PM

Ok thanks, Got it working

I appreciate your help.

I am new to this kind of stuff

-----

EDIT : Again its not working

This post has been edited by Delta16: 23 August 2009 - 02:21 PM

#8 Delta16

Senior Member

Group: Members
Posts: 389
Joined: 18-August 08
Gender:Male
Location:Malta

Posted 23 August 2009 - 02:20 PM

<!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>Wallpaper Heaven - Home</title>
<link href="CSS.css" rel="stylesheet" type="text/css" />

<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	left:178px;
	top:193px;
	width:199px;
	height:589px;
	z-index:1;
}
#Samples {
	background-image: url(images/image_22.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 190px;
	width: 218px;
}
body,td,th {
}
-->
</style>

<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
	if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
	  img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
	  if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
	  nbArr[nbArr.length] = img;
	  for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
		if (!img.MM_up) img.MM_up = img.src;
		img.src = img.MM_dn = args[i+1];
		nbArr[nbArr.length] = img;
	} }
  } else if (event == "over") {
	document.MM_nbOver = nbArr = new Array();
	for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
	  if (!img.MM_up) img.MM_up = img.src;
	  img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
	  nbArr[nbArr.length] = img;
	}
  } else if (event == "out" ) {
	for (i=0; i < document.MM_nbOver.length; i++) {
	  img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
	nbArr = document[grpName];
	if (nbArr)
	  for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
	document[grpName] = nbArr = new Array();
	for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
	  if (!img.MM_up) img.MM_up = img.src;
	  img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
	  nbArr[nbArr.length] = img;
  } }
}
//-->
</script>
</head>
<body onload="MM_preloadImages('images/Side Nav Bar Over/image_16.gif','images/Side Nav Bar Over/image_18.gif','images/Side Nav Bar Over/image_26.gif','images/Side Nav Bar Over/image_28.gif','images/Side Nav Bar Over/image_30.gif','images/Side Nav Bar Over/image_32.gif','images/Side Nav Bar Over/image_34.gif','images/Side Nav Bar Over/image_38.gif','images/Side Nav Bar Over/image_40.gif','images/Side Nav Bar Over/image_42.gif','images/Side Nav Bar Over/image_44.gif','images/Side Nav Bar Over/image_46.gif','images/Side Nav Bar Over/image_48.gif','images/Side Nav Bar Over/image_50.gif','images/Side Nav Bar Over/image_52.gif','images/Side Nav Bar Over/image_54.gif','images/Side Nav Bar Over/image_56.gif')">


<div  align="center" class="Banner">
<div id="Logo"></div>
 	 	<div id="BannerGFX"></div>
 	 	<div id="Login"></div>
 	 	<div id="Search"></div>
</div>
	
<div class="NavBar">
	  <div id="Left"></div>
	  <div id="Top"></div>
	  <div id="Right"></div>
	  <div id="Left2"></div>
		  <div id="HomeButton"></div>
	  <div id="NavbarSpacer"></div>
	  <div id="ContactButton"></div>
  <div id="RightNavBar"></div>
 
 
  <div id="TopBody"> </div>
  
<div class="Body" id="Sidenavbar">
	 <tr>
		<td height="32"><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','DigitalArt','images/Side Nav Bar Over/image_16.gif',1)" onmouseover="MM_nbGroup('over','DigitalArt','images/Side Nav Bar Over/image_16.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_16.gif" alt="" name="DigitalArt" width="192" height="32" border="0" id="DigitalArt" onload="" /></a>
	<a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer','',1)" onmouseover="MM_nbGroup('over','Spacer','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Over/image_17.gif" alt="" name="Spacer" width="192" height="2" border="0" id="Spacer" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Animation','images/Side Nav Bar Over/image_18.gif',1)" onmouseover="MM_nbGroup('over','Animation','images/Side Nav Bar Over/image_18.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_18.gif" alt="" name="Animation" border="0" id="Animation" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer2','',1)" onmouseover="MM_nbGroup('over','Spacer2','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Over/image_17.gif" alt="" name="Spacer2" width="192" height="2" border="0" id="Spacer2" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Animals','images/Side Nav Bar Over/image_26.gif',1)" onmouseover="MM_nbGroup('over','Animals','images/Side Nav Bar Over/image_26.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_26.gif" alt="" name="Animals" width="192" height="32" border="0" id="Animals" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer4','',1)" onmouseover="MM_nbGroup('over','Spacer4','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_17.gif" alt="" name="Spacer4" width="192" height="2" border="0" id="Spacer4" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Cartoons','images/Side Nav Bar Over/image_28.gif',1)" onmouseover="MM_nbGroup('over','Cartoons','images/Side Nav Bar Over/image_28.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_28.gif" alt="" name="Cartoons" width="192" height="32" border="0" id="Cartoons" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer3','',1)" onmouseover="MM_nbGroup('over','Spacer3','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_17.gif" alt="" name="Spacer3" width="192" height="2" border="0" id="Spacer3" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Computers','images/Side Nav Bar Over/image_30.gif',1)" onmouseover="MM_nbGroup('over','Computers','images/Side Nav Bar Over/image_30.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Computers" src="images/Side Nav Bar Original/side_30.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer5','',1)" onmouseover="MM_nbGroup('over','Spacer5','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer5" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Female','images/Side Nav Bar Over/image_32.gif',1)" onmouseover="MM_nbGroup('over','Female','images/Side Nav Bar Over/image_32.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Female" src="images/Side Nav Bar Original/side_32.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer6','',1)" onmouseover="MM_nbGroup('over','Spacer6','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer6" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Games','images/Side Nav Bar Over/image_34.gif',1)" onmouseover="MM_nbGroup('over','Games','images/Side Nav Bar Over/image_34.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Games" src="images/Side Nav Bar Original/side_34.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer7','',1)" onmouseover="MM_nbGroup('over','Spacer7','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer7" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Holiday','images/Side Nav Bar Over/image_38.gif',1)" onmouseover="MM_nbGroup('over','Holiday','images/Side Nav Bar Over/image_38.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Holiday" src="images/Side Nav Bar Original/side_38.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer8','',1)" onmouseover="MM_nbGroup('over','Spacer8','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer8" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Landscape','images/Side Nav Bar Over/image_40.gif',1)" onmouseover="MM_nbGroup('over','Landscape','images/Side Nav Bar Over/image_40.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Landscape" src="images/Side Nav Bar Original/side_40.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer9','',1)" onmouseover="MM_nbGroup('over','Spacer9','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer9" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Military','images/Side Nav Bar Over/image_42.gif',1)" onmouseover="MM_nbGroup('over','Military','images/Side Nav Bar Over/image_42.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Military" src="images/Side Nav Bar Original/side_42.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer10','',1)" onmouseover="MM_nbGroup('over','Spacer10','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer10" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Misc','images/Side Nav Bar Over/image_44.gif',1)" onmouseover="MM_nbGroup('over','Misc','images/Side Nav Bar Over/image_44.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Misc" src="images/Side Nav Bar Original/side_44.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer11','',1)" onmouseover="MM_nbGroup('over','Spacer11','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer11" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Movies','images/Side Nav Bar Over/image_46.gif',1)" onmouseover="MM_nbGroup('over','Movies','images/Side Nav Bar Over/image_46.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Movies" src="images/Side Nav Bar Original/side_46.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer12','',1)" onmouseover="MM_nbGroup('over','Spacer12','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer12" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Music','images/Side Nav Bar Over/image_48.gif',1)" onmouseover="MM_nbGroup('over','Music','images/Side Nav Bar Over/image_48.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Music" src="images/Side Nav Bar Original/side_48.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer13','',1)" onmouseover="MM_nbGroup('over','Spacer13','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer13" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Photography','images/Side Nav Bar Over/image_50.gif',1)" onmouseover="MM_nbGroup('over','Photography','images/Side Nav Bar Over/image_50.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Photography" src="images/Side Nav Bar Original/side_50.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer14','',1)" onmouseover="MM_nbGroup('over','Spacer14','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer14" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Space','images/Side Nav Bar Over/image_52.gif',1)" onmouseover="MM_nbGroup('over','Space','images/Side Nav Bar Over/image_52.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Space" src="images/Side Nav Bar Original/side_52.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer15','',1)" onmouseover="MM_nbGroup('over','Spacer15','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer15" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Sports','images/Side Nav Bar Over/image_54.gif',1)" onmouseover="MM_nbGroup('over','Sports','images/Side Nav Bar Over/image_54.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Sports" src="images/Side Nav Bar Original/side_54.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer16','',1)" onmouseover="MM_nbGroup('over','Spacer16','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer16" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a><a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Vehicles','images/Side Nav Bar Over/image_56.gif',1)" onmouseover="MM_nbGroup('over','Vehicles','images/Side Nav Bar Over/image_56.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Vehicles" src="images/Side Nav Bar Original/side_56.gif" border="0" alt="" onload="" />
	</a>
		</td>
  </tr>
  </div>
</div>
<div class="Sample">
  <div id="spacerleft"></div>
  <div id="Sample1"></div>

</div>
</body>
</html>

#9 groovicus

Hail Groovicus!

Group: Moderator
Posts: 9,522
Joined: 05-June 04
Gender:Male
Location:Centerville, SD

Posted 23 August 2009 - 03:05 PM

At any point have you used the HTML validator yet? If it worked, and then it didn't work, undo what you changed. Development is all about making incremental changes, and then testing to make sure that you didn't break anything. You still have a crap load of syntax errors that need to be corrected. The validator will tell you where to start.

"Take the risk of thinking for yourself, much more happiness, truth, beauty, and wisdom will come to you that way" - Christopher Hitchens

#10 KamakaZ

Senior Member

Group: Members
Posts: 548
Joined: 26-August 08
Gender:Male
Location:Victoria

Posted 23 August 2009 - 08:33 PM

Have to agree with groovicus on this one, use some sort of validator to scan your code. It's missing <table> tag to start with.

If I am helping you and don't reply in 24 hours please send me a PM

There's no place like 127.0.0.1
There are 10 types of people in the world, those that can read binary, and those who can't.

#11 Delta16

Senior Member

Group: Members
Posts: 389
Joined: 18-August 08
Gender:Male
Location:Malta

Posted 24 August 2009 - 04:08 AM

Ok, i validated the code and fixed all the errors that the validator found. Now remains 1 error and 1 warning.

The error is telling me to remove every onload="" that there is in the code. So my question is, Why did dreamweaver write the onload="" and the validator wants to remove them? (Just a question, its not a problem for me if ill remove the onload="" one by one, at least the code will be good)

So if the onload="" has to be removed, I think, also the following text should be removed too, is that right? (I didnt studied any web coding, I just like designing websites so its a hobbie):

Quote

and the warning (which I didnt understand) is :

Quote

Using Direct Input mode: UTF-8 character encoding assumed

Unlike the "by URI" and "by File Upload" modes, the "Direct Input" mode of the validator provides validated content in the form of characters pasted or typed in the validator's form field. This will automatically make the data UTF-8, and therefore the validator does not need to determine the character encoding of your document, and will ignore any charset information specified.

If you notice a discrepancy in detected character encoding between the the "Direct Input" mode and other validator modes, this is likely to be the reason. It is neither a bug in the validator, nor in your document.

Thanks for any help you are giving me, I really appreciate that

EDIT :
With the AP Div , it is working, but in the preview of dreamweaver the web page looks very very messy. The parts are running all over the dreamweaver preview.

But as I said, I want it to be with Div Tag only.

This post has been edited by Delta16: 24 August 2009 - 06:49 AM

#12 groovicus

Hail Groovicus!

Group: Moderator
Posts: 9,522
Joined: 05-June 04
Gender:Male
Location:Centerville, SD

Posted 24 August 2009 - 09:46 AM

You don't need to remove the onload code. All that is doing is preloading the images. It is supposed to be more efficient.

The warning is because for some reason it thinks that you are missing the encoding information; I see it in the code though, so not sure what the problem is there.

The big question is does the page render properly across browsers?

"Take the risk of thinking for yourself, much more happiness, truth, beauty, and wisdom will come to you that way" - Christopher Hitchens

#13 Delta16

Senior Member

Group: Members
Posts: 389
Joined: 18-August 08
Gender:Male
Location:Malta

Posted 24 August 2009 - 12:01 PM

For now I uploaded the web site on a free webhosting, Its a little slow (free service :|)

It is ok on Fire Fox 3.0. but on IE it is not. On IE it is seen exactly as it is in the dreamweaver preview :thumbsup:

My Website

Hope you like it :flowers:

This post has been edited by Delta16: 24 August 2009 - 12:14 PM

#14 groovicus

Hail Groovicus!

Group: Moderator
Posts: 9,522
Joined: 05-June 04
Gender:Male
Location:Centerville, SD

Posted 24 August 2009 - 12:13 PM

It looks the same on FF and IE8. Are the links supposed to work?

"Take the risk of thinking for yourself, much more happiness, truth, beauty, and wisdom will come to you that way" - Christopher Hitchens

#15 Delta16

Senior Member

Group: Members
Posts: 389
Joined: 18-August 08
Gender:Male
Location:Malta

Posted 24 August 2009 - 12:15 PM

You mean the side navigation bar ?

If you mean for that, no.

How is it seen on your IE cause on mine (The IE that came with the windows xp 64bit with no updates) looks like every part went on its own.

This post has been edited by Delta16: 24 August 2009 - 12:18 PM