trouble aligning button with text

Discussion in 'CSS' started by caligrafx, Apr 10, 2012.

0
  1. #1
    Could someone please help me... I am having trouble with aligning the button with the text box.

    [​IMG]

    http://stunodgrafx.info/ltb/

    Thanks,
    Adam
     
    caligrafx, Apr 10, 2012 IP
  2. Trix

    Trix Peon

    Messages:
    192
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    0
    #2
    There are quite a few things to do...

    First... increase the width of the header-big-search by atleast 10px

    Next... remove display: block; and margin from #header-big-search input[type="text"]
    (Be careful, attribute selection is not well supported with IE)

    Next.... Make the below div's inline........ Either use "span" element or set "display:inline" or use "floats"
    <div class="cc_textbox">
    <div class="cc_button">
    <div class="cc_msg">

    Then you may need to adjust margin of cc_button element slightly to make it properly align....
     
    Trix, Apr 15, 2012 IP
  3. hoangvu

    hoangvu Greenhorn

    Messages:
    75
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #3
    Using { line-height : px; } for primary div
     
    hoangvu, Apr 15, 2012 IP
  4. GetConversion

    GetConversion Member

    Messages:
    17
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    31
    #4
    And remove padding-bottoms to not break your menu
     
    GetConversion, Apr 16, 2012 IP
  5. Alex210

    Alex210 Well-Known Member

    Messages:
    214
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    150
    #5
    You forgot to add a width to .cc_textbox in .css
     
    Alex210, Apr 26, 2012 IP