PDA

View Full Version : CSS for contact form



overtongraphics
12-10-2010, 11:21 AM
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

teedoff
12-10-2010, 02:24 PM
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.

Excavator
12-10-2010, 02:39 PM
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>

overtongraphics
12-10-2010, 02:58 PM
Thanks Guys!!

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

Will let the devs know!

I work there

overtongraphics
12-10-2010, 03:10 PM
Hey can you please get all the html for me belonging to all the contact form

I'd really appreciate it

Thanks!!

Excavator
12-10-2010, 03:17 PM
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.

teedoff
12-10-2010, 03:18 PM
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.

overtongraphics
12-10-2010, 03:27 PM
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

teedoff
12-10-2010, 03:32 PM
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.