...

View Full Version : CSS for contact form



overtongraphics
12-10-2010, 10: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, 01: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, 01: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, 01: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, 02: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, 02: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, 02: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, 02: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, 02: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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum