Need simple CSS help

Discussion in 'CSS' started by poseidon, Oct 17, 2008.

0
  1. #1
    Guys, I have just coded the form (right hand side) at http://nbridges.com/

    Now I am 2 problems in CSS -

    1. the Grey block is showing twice ? How to delete one upper grey which is showing above "Get a Free Quote"

    2. How to align submit button of the form to center which is left align now.

    My CSS skills are unfortunately weak, any help will highly appreciated :)

    Regards
     
    poseidon, Oct 17, 2008 IP
  2. bigroddy

    bigroddy Peon

    Messages:
    78
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I didn't look at your css...but i noticed in your source code there's an empy h2 and then an h3 in the block with the extra line at the top...remove the h3and put that text from inside the h2

    without looking at your css that seems to be the easiest solution
     
    bigroddy, Oct 17, 2008 IP
  3. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yes he's right you have:

    <h2 class="title"></h2>
    <div class="content"><h3 class="title">Get a Free Quote</h3>

    You really have too many DIV's and Classes for such a simple form, there's no real need for DIV's as you can style the input items, so there's no need to put each item inside a DIV. And ontop of that there's no need to put all the items inside a DIV as you can style the form itself.

    As for centering an item simply add margin: 0px auto; to the items class inside the CSS.
     
    wd_2k6, Oct 17, 2008 IP