PDA

View Full Version : I can't make my background white!!!!!

chrishawthorne
08-01-2003, 08:55 PM
I can put a background image, but everytime I put in FFFFFF, it makes the background black! Here is the page:
www.geocities.com/teachersbeware

here is my source


<!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: #000000
}
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="#064F71">
<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">Put text here:) </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>
<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="#064F71">
<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>



==============================================
Thank you for your help!
stargrl329
08-01-2003, 09:12 PM
in your head tag, in the css, under body, it says:
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: #000000
}


the blue highlighted part is what's making your background black, change that to FFFFFF and you should be all set.
pb&j
08-01-2003, 11:00 PM
also, this part...
<body bgcolor="#FFFFFF"><text="#666666" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">

should be all in one like so...
<body bgcolor="#FFFFFF" text="#666666" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">

and since the link, vlink and alink are really being specified in your css area, as well as the fix from the previous posting, perhaps kill those properties out of the body tag anyways...
<body text="#666666">

and if you go one step further, put the text color into your body css section...
color:#666666;

and then it can be taken out of your starting body tag as well...
<body>