aatwo
02-08-2007, 12:12 AM
This has given me a rather large headache. I have the following code in my web page.
Here is a link to my web page or you can view the isolated code below.
http://www.aatwo.com/admin/submitNews.php
html code
<div id="content">
<div id="submitNewsForm">
<form name="newsForm" action="newsSubmit.php" method="post" enctype="multipart/form-data">
<p>
Username:
<input name="username" type="text">
</p>
<p>
Password:
<input name="password" type="text">
</p>
<p>
Article Name:
<input name="articleName" type="text">
</p>
<p>
Article:
<textarea name="article"></textarea>
</p>
<p>
Image (220x80):
<input name="image" type="file">
</p>
<input name="currentDate" id="currentDate" type="hidden">
<input name="modifyDate" id="modifyDate" type="hidden">
<input type="button" value="Submit" onclick="obtainDate();">
</form>
</div>
</div>
css code
#content {
background-image: url('http://www.aatwo.com/images/template/original/bodyMiddle.png');
background-repeat: repeat-y;
}
#submitNewsForm {
width: 500px;
background: green;
}
Why does the div tag with the id 'submitNewsForm' refuse to allow any form of styling to be applied to it? As you can see on my site, all it does is cover the content element with a black white background.
Here is a link to my web page or you can view the isolated code below.
http://www.aatwo.com/admin/submitNews.php
html code
<div id="content">
<div id="submitNewsForm">
<form name="newsForm" action="newsSubmit.php" method="post" enctype="multipart/form-data">
<p>
Username:
<input name="username" type="text">
</p>
<p>
Password:
<input name="password" type="text">
</p>
<p>
Article Name:
<input name="articleName" type="text">
</p>
<p>
Article:
<textarea name="article"></textarea>
</p>
<p>
Image (220x80):
<input name="image" type="file">
</p>
<input name="currentDate" id="currentDate" type="hidden">
<input name="modifyDate" id="modifyDate" type="hidden">
<input type="button" value="Submit" onclick="obtainDate();">
</form>
</div>
</div>
css code
#content {
background-image: url('http://www.aatwo.com/images/template/original/bodyMiddle.png');
background-repeat: repeat-y;
}
#submitNewsForm {
width: 500px;
background: green;
}
Why does the div tag with the id 'submitNewsForm' refuse to allow any form of styling to be applied to it? As you can see on my site, all it does is cover the content element with a black white background.