Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New to the CF scene
    Join Date
    Dec 2010
    Posts
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question 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

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    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.

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,695
    Thanks
    22
    Thanked 1,832 Times in 1,816 Posts
    Hello overtongraphics,
    Could it be the break in that label? Highlighted in red below -
    Code:
                                  <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>
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    overtongraphics (12-10-2010)

  • #4
    New to the CF scene
    Join Date
    Dec 2010
    Posts
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks Guys!!

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

    Will let the devs know!

    I work there

  • #5
    New to the CF scene
    Join Date
    Dec 2010
    Posts
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Hey can you please get all the html for me belonging to all the contact form

    I'd really appreciate it

    Thanks!!

  • #6
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,695
    Thanks
    22
    Thanked 1,832 Times in 1,816 Posts
    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

    ... I'm going to go get another cup of coffee.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #7
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    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.

  • #8
    New to the CF scene
    Join Date
    Dec 2010
    Posts
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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

  • #9
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    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.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •