SCConline
08-29-2007, 11:05 PM
I'm helping my dad design a website, and I've made all of the images and buttons and such myself. We've got the header down, but between the banner and the toolbar there is some whitespace. But this is only in IE. In Firefox it displays perfectly. Can anyone help me get rid of the whitespace?
<html>
<head><title>StanlyChurch.org - Home</title></head>
<body bgcolor="eff6f8" leftmargin="100">
<!--banner-->
<p><img src="Images/sccbanner.png" align="left" width="400" height="90">
<!--end banner-->
<br>
<!--Clock Begin-->
<script LANGUAGE=Javascript align="right">
calendar = new Date();
day = calendar.getDay();
month = calendar.getMonth();
date = calendar.getDate();
year = calendar.getYear();
if (year < 1000)
year+=1900
cent = parseInt(year/100);
g = year % 19;
k = parseInt((cent - 17)/25);
i = (cent - parseInt(cent/4) - parseInt((cent - k)/3) + 19*g + 15) % 30;
i = i - parseInt(i/28)*(1 - parseInt(i/28)*parseInt(29/(i+1))*parseInt((21-g)/11));
j = (year + parseInt(year/4) + i + 2 - cent + parseInt(cent/4)) % 7;
l = i - j;
emonth = 3 + parseInt((l + 40)/44);
edate = l + 28 - 31*parseInt((emonth/4));
emonth--;
var dayname = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");
var monthname =
new Array ("January","February","March","April","May","June","July","August","September","October","November","December" );
document.write("<font face=verdana,arial size=1>");
document.write(dayname[day] + ", ");
document.write(monthname[month] + " ");
if (date< 10) document.write("0" + date + ", ");
else document.write(date + ", ");
document.write(year + " <font color=FF0000>");
// Easter
if ((month == emonth) && (date == edate)) document.write("Easter Sunday (Western) ");
// January
if ((month == 0) && (date == 1)) document.write("New Year's Day");
// February
// March
// April
if ((month == 3) && (day == 0) && (date > 0) && (date< 8)) document.write("Daylight Savings Time Begins");
// May
if ((month == 4) && (day == 0) && (date > 7) && (date< 16)) document.write("Mother's Day");
if ((month == 4) && (day == 1) && (date > 24)) document.write("Memorial Day");
// June
if ((month == 5) && (date == 6)) document.write("D-Day (USA)");
if ((month == 5) && (date == 14)) document.write("FlagDay (USA)");
if ((month == 5) && (day == 0) && (date > 15) && (date< 24)) document.write("Father's Day");
// July
if ((month == 6) && (date == 4)) document.write("Independence Day (USA)");
// August
// September
if ((month == 8) && (day== 1)&& (date > 0) && (date< 8)) document.write("Labor Day (USA)");
// October
if ((month == 9) && (day == 0) && (date > 24) && (date< 31)) document.write("Daylight Savings Time Ends");
if ((month == 9) && (day == 4) && (date > 27) && (date< 31)) document.write("Fall Fellowship Day");
if ((month == 9) && (day == 0) && (date == 31)) document.write("Daylight Savings Time Ends<BR>");
// November
if ((month == 10) && (date == 11)) document.write("Veteran's Day (USA)");
if ((month == 10) && (day == 4) && (date > 23) && (date< 30)) document.write("Thanksgiving (USA)");
if ((month == 10) && (date == 30) && (day == 4)) document.write("Thanksgiving (USA)");
// December
if ((month == 11) && (date == 24)) document.write("Christmas Eve");
if ((month == 11) && (date == 25)) document.write("Christmas");
if ((month == 11) && (date == 31)) document.write("New Year's Eve");
document.write("</font>");
//-->
</SCRIPT>
<!--Clock End-->
<!--Search-->
<form method="get" action="http://www.google.com/search">
<input type="text" name="q" size="15"
maxlength="255" value="" />
<input type="submit" value="Google" />
<br>
<input type="radio" name="sitesearch" value="" />
<font size=2>The Web</font>
<input type="radio" name="sitesearch"
value="stanlychurch.org" checked /><font size=2> This Site</font>
</form>
<!--Search End-->
<br clear=all>
<!--Buttons Begin-->
<applet code="fphover.class" codebase="./" width="74" height="26">
<param name="color" value="#000080">
<param name="hovercolor" value="#0000FF">
<param name="textcolor" value="#FFFFFF">
<param name="effect" value="glow">
<param name="url" valuetype="ref" value="http://www.stanlychurch.org">
<param name="text" value>
<param name="bgcolor" value="#EFF6F8">
<param name="image" valuetype="ref" value="Images/HOMEedge.png">
<param name="hoverimage" valuetype="ref" value="Images/HOMEedgehighlight.png">
</applet><applet code="fphover.class" codebase="./" width="100" height="26">
<param name="color" value="#000080">
<param name="hovercolor" value="#0000FF">
<param name="textcolor" value="#FFFFFF">
<param name="effect" value="glow">
<param name="url" valuetype="ref" value="http://www.stanlychurch.org/Ministries.html">
<param name="text" value>
<param name="image" valuetype="ref" value="Images/MINISTRIES.png">
<param name="hoverimage" valuetype="ref" value="Images/MINISTRIEShighlight.png">
</applet><applet code="fphover.class" codebase="./" width="100" height="26">
<param name="color" value="#000080">
<param name="hovercolor" value="#0000FF">
<param name="textcolor" value="#FFFFFF">
<param name="effect" value="glow">
<param name="image" valuetype="ref" value="Images/PASTOR'SBLOG.png">
<param name="hoverimage" valuetype="ref" value="Images/PASTOR'SBLOGhighlight.png">
<param name="url" valuetype="ref" value="http://www.stanlychurch.org/blog">
</applet><applet code="fphover.class" codebase="./" width="175" height="26">
<param name="color" value="#000080">
<param name="hovercolor" value="#0000FF">
<param name="textcolor" value="#FFFFFF">
<param name="effect" value="glow">
<param name="image" valuetype="ref" value="Images/QANDA.png">
<param name="hoverimage" valuetype="ref" value="Images/QANDAhighlight.png">
<param name="text" value>
<param name="url" valuetype="ref" value="http://www.stanlychurch.org/Questions.html">
</applet><applet code="fphover.class" codebase="./" width="80" height="26">
<param name="color" value="#000080">
<param name="hovercolor" value="#0000FF">
<param name="textcolor" value="#FFFFFF">
<param name="effect" value="glow">
<param name="image" valuetype="ref" value="Images/RESOURCES.png">
<param name="hoverimage" valuetype="ref" value="Images/RESOURCEShighlight.png">
<param name="url" valuetype="ref" value="http://www.stanlychurch.org/Resources.html">
<param name="text" value>
</applet><applet code="fphover.class" codebase="./" width="100" height="26">
<param name="color" value="#000080">
<param name="hovercolor" value="#0000FF">
<param name="textcolor" value="#FFFFFF">
<param name="effect" value="glow">
<param name="image" valuetype="ref" value="Images/CONTACTUS.png">
<param name="hoverimage" valuetype="ref" value="Images/CONTACTUShighlight.png">
<param name="url" valuetype="ref" value="http://www.mail.yahoo.com">
</applet><applet code="fphover.class" codebase="./" width="150" height="26">
<param name="color" value="#000080">
<param name="hovercolor" value="#0000FF">
<param name="textcolor" value="#FFFFFF">
<param name="effect" value="glow">
<param name="image" valuetype="ref" value="Images/SUPPORTMINISTRY.png">
<param name="hoverimage" valuetype="ref" value="Images/SUPPORTMINISTRYhighlight.png">
<param name="url" valuetype="ref" value="http://www.stanlychurch.org">
<param name="text" value>
<param name="bgcolor" value="#EFF6F8">
</applet></p>
<p>
</p>
<!--Buttons End-->
</body></html>
The .CLASS files for the mouseover buttons and all of the images are located on my computer. Would it be better for me to upload all of these to the internet and change the code, or will it be fine as is?
<html>
<head><title>StanlyChurch.org - Home</title></head>
<body bgcolor="eff6f8" leftmargin="100">
<!--banner-->
<p><img src="Images/sccbanner.png" align="left" width="400" height="90">
<!--end banner-->
<br>
<!--Clock Begin-->
<script LANGUAGE=Javascript align="right">
calendar = new Date();
day = calendar.getDay();
month = calendar.getMonth();
date = calendar.getDate();
year = calendar.getYear();
if (year < 1000)
year+=1900
cent = parseInt(year/100);
g = year % 19;
k = parseInt((cent - 17)/25);
i = (cent - parseInt(cent/4) - parseInt((cent - k)/3) + 19*g + 15) % 30;
i = i - parseInt(i/28)*(1 - parseInt(i/28)*parseInt(29/(i+1))*parseInt((21-g)/11));
j = (year + parseInt(year/4) + i + 2 - cent + parseInt(cent/4)) % 7;
l = i - j;
emonth = 3 + parseInt((l + 40)/44);
edate = l + 28 - 31*parseInt((emonth/4));
emonth--;
var dayname = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");
var monthname =
new Array ("January","February","March","April","May","June","July","August","September","October","November","December" );
document.write("<font face=verdana,arial size=1>");
document.write(dayname[day] + ", ");
document.write(monthname[month] + " ");
if (date< 10) document.write("0" + date + ", ");
else document.write(date + ", ");
document.write(year + " <font color=FF0000>");
// Easter
if ((month == emonth) && (date == edate)) document.write("Easter Sunday (Western) ");
// January
if ((month == 0) && (date == 1)) document.write("New Year's Day");
// February
// March
// April
if ((month == 3) && (day == 0) && (date > 0) && (date< 8)) document.write("Daylight Savings Time Begins");
// May
if ((month == 4) && (day == 0) && (date > 7) && (date< 16)) document.write("Mother's Day");
if ((month == 4) && (day == 1) && (date > 24)) document.write("Memorial Day");
// June
if ((month == 5) && (date == 6)) document.write("D-Day (USA)");
if ((month == 5) && (date == 14)) document.write("FlagDay (USA)");
if ((month == 5) && (day == 0) && (date > 15) && (date< 24)) document.write("Father's Day");
// July
if ((month == 6) && (date == 4)) document.write("Independence Day (USA)");
// August
// September
if ((month == 8) && (day== 1)&& (date > 0) && (date< 8)) document.write("Labor Day (USA)");
// October
if ((month == 9) && (day == 0) && (date > 24) && (date< 31)) document.write("Daylight Savings Time Ends");
if ((month == 9) && (day == 4) && (date > 27) && (date< 31)) document.write("Fall Fellowship Day");
if ((month == 9) && (day == 0) && (date == 31)) document.write("Daylight Savings Time Ends<BR>");
// November
if ((month == 10) && (date == 11)) document.write("Veteran's Day (USA)");
if ((month == 10) && (day == 4) && (date > 23) && (date< 30)) document.write("Thanksgiving (USA)");
if ((month == 10) && (date == 30) && (day == 4)) document.write("Thanksgiving (USA)");
// December
if ((month == 11) && (date == 24)) document.write("Christmas Eve");
if ((month == 11) && (date == 25)) document.write("Christmas");
if ((month == 11) && (date == 31)) document.write("New Year's Eve");
document.write("</font>");
//-->
</SCRIPT>
<!--Clock End-->
<!--Search-->
<form method="get" action="http://www.google.com/search">
<input type="text" name="q" size="15"
maxlength="255" value="" />
<input type="submit" value="Google" />
<br>
<input type="radio" name="sitesearch" value="" />
<font size=2>The Web</font>
<input type="radio" name="sitesearch"
value="stanlychurch.org" checked /><font size=2> This Site</font>
</form>
<!--Search End-->
<br clear=all>
<!--Buttons Begin-->
<applet code="fphover.class" codebase="./" width="74" height="26">
<param name="color" value="#000080">
<param name="hovercolor" value="#0000FF">
<param name="textcolor" value="#FFFFFF">
<param name="effect" value="glow">
<param name="url" valuetype="ref" value="http://www.stanlychurch.org">
<param name="text" value>
<param name="bgcolor" value="#EFF6F8">
<param name="image" valuetype="ref" value="Images/HOMEedge.png">
<param name="hoverimage" valuetype="ref" value="Images/HOMEedgehighlight.png">
</applet><applet code="fphover.class" codebase="./" width="100" height="26">
<param name="color" value="#000080">
<param name="hovercolor" value="#0000FF">
<param name="textcolor" value="#FFFFFF">
<param name="effect" value="glow">
<param name="url" valuetype="ref" value="http://www.stanlychurch.org/Ministries.html">
<param name="text" value>
<param name="image" valuetype="ref" value="Images/MINISTRIES.png">
<param name="hoverimage" valuetype="ref" value="Images/MINISTRIEShighlight.png">
</applet><applet code="fphover.class" codebase="./" width="100" height="26">
<param name="color" value="#000080">
<param name="hovercolor" value="#0000FF">
<param name="textcolor" value="#FFFFFF">
<param name="effect" value="glow">
<param name="image" valuetype="ref" value="Images/PASTOR'SBLOG.png">
<param name="hoverimage" valuetype="ref" value="Images/PASTOR'SBLOGhighlight.png">
<param name="url" valuetype="ref" value="http://www.stanlychurch.org/blog">
</applet><applet code="fphover.class" codebase="./" width="175" height="26">
<param name="color" value="#000080">
<param name="hovercolor" value="#0000FF">
<param name="textcolor" value="#FFFFFF">
<param name="effect" value="glow">
<param name="image" valuetype="ref" value="Images/QANDA.png">
<param name="hoverimage" valuetype="ref" value="Images/QANDAhighlight.png">
<param name="text" value>
<param name="url" valuetype="ref" value="http://www.stanlychurch.org/Questions.html">
</applet><applet code="fphover.class" codebase="./" width="80" height="26">
<param name="color" value="#000080">
<param name="hovercolor" value="#0000FF">
<param name="textcolor" value="#FFFFFF">
<param name="effect" value="glow">
<param name="image" valuetype="ref" value="Images/RESOURCES.png">
<param name="hoverimage" valuetype="ref" value="Images/RESOURCEShighlight.png">
<param name="url" valuetype="ref" value="http://www.stanlychurch.org/Resources.html">
<param name="text" value>
</applet><applet code="fphover.class" codebase="./" width="100" height="26">
<param name="color" value="#000080">
<param name="hovercolor" value="#0000FF">
<param name="textcolor" value="#FFFFFF">
<param name="effect" value="glow">
<param name="image" valuetype="ref" value="Images/CONTACTUS.png">
<param name="hoverimage" valuetype="ref" value="Images/CONTACTUShighlight.png">
<param name="url" valuetype="ref" value="http://www.mail.yahoo.com">
</applet><applet code="fphover.class" codebase="./" width="150" height="26">
<param name="color" value="#000080">
<param name="hovercolor" value="#0000FF">
<param name="textcolor" value="#FFFFFF">
<param name="effect" value="glow">
<param name="image" valuetype="ref" value="Images/SUPPORTMINISTRY.png">
<param name="hoverimage" valuetype="ref" value="Images/SUPPORTMINISTRYhighlight.png">
<param name="url" valuetype="ref" value="http://www.stanlychurch.org">
<param name="text" value>
<param name="bgcolor" value="#EFF6F8">
</applet></p>
<p>
</p>
<!--Buttons End-->
</body></html>
The .CLASS files for the mouseover buttons and all of the images are located on my computer. Would it be better for me to upload all of these to the internet and change the code, or will it be fine as is?