hey all,
i've been googling for a fix for this problem, but coming up empty.
page in question at http://xzackly.com/contact.php
it lays out fine in Firefox, but in MIE, there's extra space at the top of the right div (sidebar) that i attribute to this nested <div> at the top, used to display error messages if the form is filled out incorrectly. if there are no error messages (as on first load) there shouldn't be anything there. even with error messages displayed, there's too much space between the message and the form. obviously, i don't really know what i'm doing -- self taught newbie. the div is there because i wanted the error messages to look as per this style:
.style1 {
color: #993900;
font-size: 80%;
font-weight: bold;
font-style: italic;
width: 300px;
padding-left: 10px;
padding-bottom: 10px;
line-height: 150%;
}
messing with that doesn't seem to fix the issue. i assume i need to use a tag other than <div> to apply the style, but i don't know what. or maybe apply the style some other way?
any help?
code for the whole sidebar follows:
<div id="sidebar">
<div class="style1"><?php
if ( count($messages) > 0 && !empty($messages) ) {
$message = implode("<br>\n", $messages);
echo("$message\n");
}
?></div>
<form action="<?php echo $_SERVER['DOCUMENT_URL']?>" method="POST" class="sidebar">
<div class=style2>Contact Us<br/>
your name *<br />
<input
name="realname"
size="45"
maxlength="64"
value="<?php echo $escapedRealName?>"/> <br />
your email *<br />
<input
name="email"
size="45"
maxlength="64"
value="<?php echo $escapedEmail?>"/><br />
phone<br />
<input
name="phone"
size="45"
maxlength="64"/><br />
subject<br />
<input
name="subject"
size="45"
maxlength="64"
value=""/><br />
talk to us *<br />
<textarea
name="body"
rows="10"
cols="35"><?php echo $escapedBody?></textarea><br />
<input type="submit" name="send" value="Send"/>
<input
type="hidden"
name="returnurl"
value="<?php echo $escapedReturnUrl?>"/><br />
</div>
<p align="right">*required</p>
</form>
</div>
i've been googling for a fix for this problem, but coming up empty.
page in question at http://xzackly.com/contact.php
it lays out fine in Firefox, but in MIE, there's extra space at the top of the right div (sidebar) that i attribute to this nested <div> at the top, used to display error messages if the form is filled out incorrectly. if there are no error messages (as on first load) there shouldn't be anything there. even with error messages displayed, there's too much space between the message and the form. obviously, i don't really know what i'm doing -- self taught newbie. the div is there because i wanted the error messages to look as per this style:
.style1 {
color: #993900;
font-size: 80%;
font-weight: bold;
font-style: italic;
width: 300px;
padding-left: 10px;
padding-bottom: 10px;
line-height: 150%;
}
messing with that doesn't seem to fix the issue. i assume i need to use a tag other than <div> to apply the style, but i don't know what. or maybe apply the style some other way?
any help?
code for the whole sidebar follows:
<div id="sidebar">
<div class="style1"><?php
if ( count($messages) > 0 && !empty($messages) ) {
$message = implode("<br>\n", $messages);
echo("$message\n");
}
?></div>
<form action="<?php echo $_SERVER['DOCUMENT_URL']?>" method="POST" class="sidebar">
<div class=style2>Contact Us<br/>
your name *<br />
<input
name="realname"
size="45"
maxlength="64"
value="<?php echo $escapedRealName?>"/> <br />
your email *<br />
<input
name="email"
size="45"
maxlength="64"
value="<?php echo $escapedEmail?>"/><br />
phone<br />
<input
name="phone"
size="45"
maxlength="64"/><br />
subject<br />
<input
name="subject"
size="45"
maxlength="64"
value=""/><br />
talk to us *<br />
<textarea
name="body"
rows="10"
cols="35"><?php echo $escapedBody?></textarea><br />
<input type="submit" name="send" value="Send"/>
<input
type="hidden"
name="returnurl"
value="<?php echo $escapedReturnUrl?>"/><br />
</div>
<p align="right">*required</p>
</form>
</div>