I have a shoutbox for my forums, but the text box doesn't appear in IE, but shows in Firefox (I'm not sure about other browsers). How can I fix it?
Here is code from the file that contains the code for the text box (
)
code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>ShoutBox</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="refresh" content="180URL=shout_inc_form.php">
<script language="JavaScript">
function addsmiley(symbol) {
document.postshout.msg.value += symbol;
document.postshout.msg.focus();
}
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=300,height=500');");
}
</script>
<link rel="stylesheet" type="text/css" href="css.php?$theme" />
</head>
<body class="trow1" width="80%">
<form name="postshout" method="post" action="/shout_inc_form.php">
<input type="hidden" name="Submit" value="Submit">
<table align="center" class="trow1">
<tr>
</td>
</tr>
<tr height="15">
<td class="thead" width="100%"> <strong>Shoutbox</strong></font>
</td></tr>
<tr>
<tr>
<td class="thead">
<input name="name" type="hidden" id="name" value=" Reaper"
<input name="msg" type="text" size="105" height="15" border="0" id="msg" value="" maxlength="100">
<div align="right"><a href="#"><img border="0" src="shoutimages/submit.gif" alt="Shout" onClick="document.postshout.submit()" /></a>
<a href="shout_inc_form.php"><img border="0" src="shoutimages/reset.gif" alt="Reset" /></a>
<a href="shout_allmsg.php" target="_blank"><img border="0" src="shoutimages/view.gif" alt="Archive" name="Archive" /></a></div>
</td>
</tr>
<tr height="15">
<td class="tcat">
<a href="javascript:addsmiley(' ');"><img alt="cheesygrin" class="smilies" src="shoutimages/icon_cheesygrin.gif" border="0"></a>
<a href="javascript:addsmiley(' mile: ');"><img alt= "smile" class="smilies" src="shoutimages/icon_smile.gif" border="0"></a>
<a href="javascript:addsmiley(' ');"><img alt="sad" class="smilies" src="shoutimages/icon_sad.gif" border="0"></a>
<a href="javascript:addsmiley(' mg: ');"><img alt="surprised" class="smilies" src="shoutimages/icon_surprised.gif" border="0"></a>
<a href="javascript:addsmiley(' ');"><img alt="confused" class="smilies" src="shoutimages/icon_confused.gif" border="0"></a>
<a href="javascript:addsmiley(' ');"><img alt="cool" class="smilies" src="shoutimages/icon_cool.gif" border="0"></a>
<a href="javascript:addsmiley(' ');"><img alt="lol"class="smilies" src="shoutimages/icon_lol.gif" border="0"></a>
<a href="javascript:addsmiley(' :mad: ');"><img alt="mad" class="smilies" src="shoutimages/icon_mad.gif" border="0"></a>
<a href="javascript:addsmiley(' :redface: ');"><img alt="redface" src="shoutimages/icon_redface.gif" border="0" class="smilies"></a>
<a href="javascript:addsmiley(' ');"><img alt="cry"class="smilies" src="shoutimages/icon_cry.gif" border="0"></a>
<a href="javascript:addsmiley(' :twisted: ');"><img alt="twisted" class="smilies" src="shoutimages/icon_twisted.gif" border="0"></a>
<a href="javascript:addsmiley(' :roll: ');"><img alt="rolleyes" class="smilies" src="shoutimages/icon_rolleyes.gif" border="0"></a>
<a href="javascript:addsmiley(' ');"><img alt="wink" class="smilies" src="shoutimages/icon_wink.gif" border="0"></a>
<a href="javascript:addsmiley(' :mrgreen: ');"><img alt="mrgreen" class="smilies" src="shoutimages/icon_mrgreen.gif" border="0"></a>
<a href="javascript:addsmiley(' :neutral: ');"><img alt="neutral" class="smilies" src="shoutimages/icon_neutral.gif" border="0"></a>
<a href="javascript:addsmiley(' :yes: ');"><img alt="yes" class="smilies" src="shoutimages/icon_yes.gif" border="0"></a>
<a href="javascript:addsmiley(' :no: ');"><img alt="no" class="smilies" src="shoutimages/icon_no.gif" border="0"></a>
<a href="javascript:addsmiley(' :bleh: ');"><img alt="bleh" class="smilies" src="shoutimages/icon_bleh.gif" border="0"></a>
<a href="javascript:addsmiley(' :blue: ');"><img alt="blue" class="smilies" src="shoutimages/icon_blue.gif" border="0"></a>
<a href="javascript:addsmiley(' ');"><img alt="hmm" class="smilies" src="shoutimages/icon_hmm.gif" border="0"></a>
<a href="javascript:addsmiley(' :thumbup: ');"><img alt="thumbup" class="smilies" src="shoutimages/icon_thumbup.gif" border="0"></a>
<a href="javascript:addsmiley(' :thumbdown: ');"><img alt="thumbdown" class="smilies" src="shoutimages/icon_thumbdown.gif" border="0"></a>
<a href="javascript:addsmiley(' :cheers: ');"><img alt="cheers" class="smilies" src="shoutimages/icon_cheers.gif" border="0"></a>
<a href="javascript:addsmiley(' :evil: ');"><img alt="evil" class="smilies" src="shoutimages/icon_evil.gif" border="0"></a>
<a href="javascript:addsmiley(' :frown: ');"><img alt="frown" class="smilies" src="shoutimages/icon_frown.gif" border="0"></a>
<a href="javascript:addsmiley(' :idea: ');"><img alt="idea" class="smilies" src="shoutimages/icon_idea.gif" border="0"></a>
<a href="javascript:addsmiley(' :razz: ');"><img alt="razz" class="smilies" src="shoutimages/icon_razz.gif" border="0"></a>
<a href="javascript:addsmiley(' ');"><img alt="rofl" class="smilies" src="shoutimages/icon_rofl.gif" border="0"></a>
</tr>
</td>
</tr>
</td>
</tr>
<tr>
<td class="thead" width="100%"></td>
</tr>
</table>
</form>
</body>
</html>