View Full Version : Will someone show me how to fix my divs?


chrishawthorne
08-01-2003, 10:39 PM
Here is my code, but nothing shows up:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>TMStudents-Because You Are.</title>
<STYLE type=text/css>
BODY {
SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: #064F71;
SCROLLBAR-ARROW-COLOR: #064F71; SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000; BACKGROUND-COLOR: #ffffff
}
A:link {
COLOR: #064F71; TEXT-DECORATION: none
}
A:active {
COLOR: #064F71; TEXT-DECORATION: none
}
A:visited {
COLOR: #064F71; TEXT-DECORATION: none
}
A:hover {
COLOR:#666666; TEXT-DECORATION: underline
}
</STYLE>



<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>




<body bgcolor="#FFFFFF"><text="#666666" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<div id="Layer1" style="position:absolute; left:583px; top:108px; width:183px; height:51px; z-index:1"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>UNDER DEVELOPMENT</strong></font></div>
<table width="750" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td height="115" colspan="3" valign="top"><img src="PLACE PIC HERE" width="750" height="115"></td>
</tr>
<tr>
<td height="19" colspan="3" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr>
<td width="151" rowspan="2" valign="top"><br>
<br>
<table width="84%" height="102" border="1" align="center" bordercolor="#333333">
<tr>
<td height="23" bgcolor="ff6600"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>:.
Navigation</strong></font></td>
</tr>
<tr>
<td height="71"> <p><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Home</a><br>
<a href="#">About </a><br>
<a href="#">Link </a><br>
<a href="#">Link </a><br>
<a href="#">Link </a><br>
<a href="#">Link </a><br>
<a href="#">Link </a></font></p>
</td>
</tr>
</table>
<br>

<br>
<br>
</td>
<td width="447" height="306" valign="top">
<table width="93%" height="116" border="1" align="center" bordercolor="#333333">
<tr>
<td height="23" bgcolor="#ff6600">
<div align="center"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>:.
lets delete this one</strong></font></div></td>
</tr>
<tr>
<td height="54"><p>&nbsp;</p>
<p>&nbsp;</p <p><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Hello, lets make this site work</font></p>
<p>&nbsp;</p>
<p>&nbsp;</p></td>
</tr>
</table></td>
<td width="152" rowspan="2" valign="top"><br>
<br>
<table width="84%" height="102" border="1" align="center" bordercolor="#333333">
<tr>
<td height="23" bgcolor="ff6600"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>:.
Study Resources</strong></font></td>
</tr>
<tr>



<div style="position:absolute; left:100px; top:100px; width:100px; height:100px; background-color:#ffffff; overflow:auto;">

Your text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go here

</div>






<td height="71"> <p><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Home</a><br>
<a href="#">About </a><br>
<a href="#">Link </a><br>
<a href="#">Link </a><br>
<a href="#">Link </a><br>
<a href="#">Link </a><br>
<a href="#">Link </a></font></p></td>
</tr>
</table>
<br>
<br>
<table width="84%" height="102" border="1" align="center" bordercolor="#333333">
<tr>

</tr>
</table> </td>
</tr>
<tr>
<td height="156"><table width="84%" height="104" border="1" align="center" bordercolor="#333333">
<tr>
<td height="23" bgcolor="#ff6600">
<div align="center"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>:.
Post </strong></font></div></td>
</tr>
<tr>
<td height="54"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Name:<br>
Post: New Layout blah blah blah</font></td>
</tr>
</table>
<div align="center"><br>
<font size="1" face="Verdana, Arial, Helvetica, sans-serif">&copy; 2003
</div></td>
</tr>
</table>
</body>
</html>

stargrl329
08-01-2003, 10:53 PM
i moved the entire div code to the end like this:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>TMStudents-Because You Are.</title>
<STYLE type=text/css>
BODY {
SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: #064F71;
SCROLLBAR-ARROW-COLOR: #064F71; SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000; BACKGROUND-COLOR: #ffffff
}
A:link {
COLOR: #064F71; TEXT-DECORATION: none
}
A:active {
COLOR: #064F71; TEXT-DECORATION: none
}
A:visited {
COLOR: #064F71; TEXT-DECORATION: none
}
A:hover {
COLOR:#666666; TEXT-DECORATION: underline
}
</STYLE>



<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&& (parseInt(appVersion)==4)
) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>




<body bgcolor="#FFFFFF"><text="#666666" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<div id="Layer1" style="position:absolute; left:583px; top:108px; width:183px; height:51px; z-index:1"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>UNDER DEVELOPMENT</strong></font></div>
<table width="750" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td height="115" colspan="3" valign="top"><img src="PLACE PIC HERE" width="750" height="115"></td>
</tr>
<tr>
<td height="19" colspan="3" valign="top"><!--DWLayoutEmptyCell--> </td>
</tr>
<tr>
<td width="151" rowspan="2" valign="top"><br>
<br>
<table width="84%" height="102" border="1" align="center" bordercolor="#333333">
<tr>
<td height="23" bgcolor="ff6600"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>:.
Navigation</strong></font></td>
</tr>
<tr>
<td height="71"> <p><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Home</a><br>
<a href="#">About </a><br>
<a href="#">Link </a><br>
<a href="#">Link </a><br>
<a href="#">Link </a><br>
<a href="#">Link </a><br>
<a href="#">Link </a></font></p>
</td>
</tr>
</table>
<br>

<br>
<br>
</td>
<td width="447" height="306" valign="top">
<table width="93%" height="116" border="1" align="center" bordercolor="#333333">
<tr>
<td height="23" bgcolor="#ff6600">
<div align="center"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>:.
lets delete this one</strong></font></div></td>
</tr>
<tr>
<td height="54"><p> </p>
<p> </p <p><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Hello, lets make this site work</font></p>
<p> </p>
<p> </p></td>
</tr>
</table></td>
<td width="152" rowspan="2" valign="top"><br>
<br>
<table width="84%" height="102" border="1" align="center" bordercolor="#333333">
<tr>
<td height="23" bgcolor="ff6600"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>:.
Study Resources</strong></font></td>
</tr>
<tr>










<td height="71"> <p><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#">Home</a><br>
<a href="#">About </a><br>
<a href="#">Link </a><br>
<a href="#">Link </a><br>
<a href="#">Link </a><br>
<a href="#">Link </a><br>
<a href="#">Link </a></font></p></td>
</tr>
</table>
<br>
<br>
<table width="84%" height="102" border="1" align="center" bordercolor="#333333">
<tr>

</tr>
</table> </td>
</tr>
<tr>
<td height="156"><table width="84%" height="104" border="1" align="center" bordercolor="#333333">
<tr>
<td height="23" bgcolor="#ff6600">
<div align="center"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>:.
Post </strong></font></div></td>
</tr>
<tr>
<td height="54"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Name:<br>
Post: New Layout blah blah blah</font></td>
</tr>
</table>
<div align="center"><br>
<font size="1" face="Verdana, Arial, Helvetica, sans-serif">© 2003
</div></td>
</tr>
</table>
<div style="position:absolute; left:100px; top:100px; width:100px; height:100px; background-color:#ffffff; overflow:auto;">

Your text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go hereYour text and images would go here

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

i believe the table might have been covering it before. (i don't know where you wanted the div to be though - it looks oddly placed, but now that its visible, you can fix that.)