CSS for contact form

HI All

New here

so here is my CSS for my contact form on this website I am making

http://bluesteelfinal.basekit.com/

.framework-control-input-text
{
background: url('http://basekit-image.s3.amazonaws.com/live45546_form.png') top left no-repeat;
width: 185px;
height: 25px;
border: 0;
margin: 0px;
padding: 0px 0px 3px 10px;
color: white;
}

.widget-formarea textarea
{
background: url('http://basekit-image.s3.amazonaws.com/live45546_formmessage.png') top left no-repeat;
width: 270px;
height: 123px;
border: 0;
margin: 0px 0px 0px 10px;
padding: 10px 0px 0px 10px;
color: white;
}

.widget-formarea-container
{
position: relative;
height: 285px;
}

.widget-formarea-button
{
background: url('http://basekit-image.s3.amazonaws.com/live45546_sumit.png') center left no-repeat;
width: 100px;
height: 30px;
border: 0px;
margin: 0px 0px 0px 0px;
text-indent: -999999px;
padding: 0px 0px 0px 0px;
color: black;
}

.widget-formarea-button:hover
{
background: url('http://basekit-image.s3.amazonaws.com/live45546_sumithover.png') center left no-repeat;
width: 100px;
height: 28px;
border: 0px;
margin: 0px;
text-indent: -999999px;
padding: 0px;
color: black;
}

.widget-form-label
{
width: 45px;
}

.bk-form
{
padding: 3px 14px 0px 0px;
}​


Can anyone see why my message text box is slipping down?

Thank you all!

josh

You need to be more specific on what your issue is. I'm not sure what you mean by "slipping down".

I viewed in ff and ie and the message box looks the same.

Hello overtongraphics,
Could it be the break in that label? Highlighted in red below - <div class="widget-form-text-216PR4-control">
<input type="text" name="bk85" id="bk85" class="framework-control-input-text bk-standard-input" title="" value="" />

</div>
</li>

<li id="bk86" class="bk-form widget-form-note">
<label for="bk87" class="widget-form-label"><br /></label>

<div class="widget-form-note-I6GNQR-control">
<textarea name="bk87" id="bk87" class="framework-control-input-textarea bk-standard-input" rows="3" cols="30">
</textarea>

Thanks Guys!!

It's built in basekit and can only edit html unfortunately.

Will let the devs know!

I work there

Hey can you please get all the html for me belonging to all the contact form

I'd really appreciate it

Thanks!!

You can only edit HTML? The <br> is in the HTML.
I don't understand why you would be limited to HTML only, or why you would post the CSS if you can't edit it, or why you can't copy/paste the markup for the form on your own.

I'm very confused :confused:

... I'm going to go get another cup of coffee.

You cant view source?...even so we cant get all the source code, only the outputted html. Server-side language is already removed before the browser renders it.

so so so so sorry i meant we can only edit the css as its a basekit built widget but if you can get me all the html for that widget - i'm a graphic designer and new to codey stuff

ten i may be able to have full control within an embed widget

thanks

You cant "get" server-side source code. All you would be able to get is the html rendered code. Which I think would be useless to you as far as "editing" the code.

And again, you can do just what we do and thats open the page and view source.