Coding affecting template, html help please!~ Options

[Evilbmxer]

For my new site.. I'm having a bit of trubble..

I'm adding my forum login to the top of my site.

I can get it all working, but i'm having this problem. Where its highlighted red, I have to have that for the login to work. But when I have that, it shifts all my images down. But when I delete the highlighted coding. It aligns correct, but the login will not work..

<form action="/forum/login.php" method="post" enctype="multipart/form-data" class="form">
<div align="center" class="formloc"></div>
<input size="13" maxlength="64" name="username" value=" Username" onclick="if (this.value == ' Username') { this.value = ' '; }" onblur="if (this.value == ' ') { this.value = ' Username'; }" class="post" type="text"/>

<input size="13" name="password" class="post" onclick="if (this.value == ' Password') { this.value = ''; }" onblur="if (this.value == '') { this.value = ' Password'; }" value=" Password" type="password"/>

<input value="Login" class="formsubmit" name="login" type="submit"/></form>

Here is my new template that I'm having problems on.

http://portlandriders.info/newsite/index.html

Thanks so much for your help.. I've been working on this for a week! I just can't figure it out.

This post has been edited by Evilbmxer: Mar 26 2007, 01:49 PM

[Effovex]

Remove the padding and margins from the form in your CSS.

.form { padding: 0; margin: 0; }

Not sure what a class named .form is good for on a form, but that's the one you gave it yourself.