CSS Button Problem

Discussion in 'CSS' started by LindseyInteractive, Jan 18, 2011.

  1. #1
    Hello,

    We are having a problem with our "Search" button located here www.housesofelegance.com

    If you see the button looks like it is in a "Raised" box and I can't figure out what is going on with it.

    Here is the actual source code:

    <div class="button_searchb" >
    <input value="<?php echo JText::_(''); ?>" class="form_searchb_submit" type="submit">
    </div>


    And here is the CSS information:

    #all_search_js #inner_search_js select.select_search {
    width:145px;
    padding:0px;
    margin-bottom: 10px;
    background:none;
    }



    select.select_search option{
    background-color: transparent;
    }



    .form_searchb_submit {
    cursor:pointer;
    background:url(http://www.housesofelegance.com/templates/realtor_template_1.5.01/images/button_beige.jpg) no-repeat;
    width:140px;
    height:40px;
    }

    .formbuscarb .form_searchb_text {
    float:left;
    /*margin:10px 5px 0px 9px;*/
    width:138px;
    }


    If you can help me please let me know, this is beginning to get annoying.
     
    LindseyInteractive, Jan 18, 2011 IP
  2. Bapinder

    Bapinder Well-Known Member

    Messages:
    151
    Likes Received:
    7
    Best Answers:
    3
    Trophy Points:
    120
    #2
    Try adding border: 0px and outline: none; somewhere in the css. It should work.
     
    Bapinder, Jan 18, 2011 IP
  3. LindseyInteractive

    LindseyInteractive Well-Known Member

    Messages:
    2,830
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    175
    #3
    Thank you, that worked. Not sure why it was automatically putting a border around it.
     
    LindseyInteractive, Jan 18, 2011 IP