Помогите пододвинуть эту кнопку.

Тема в разделе "Верстка", создана пользователем Teamk, 27 ноя 2013.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. Teamk

    Teamk

    Регистр.:
    13 ноя 2013
    Сообщения:
    173
    Симпатии:
    64
    [​IMG]
    Код:
    /**
    * VM Live Product Search
    *
    * Used to process Ajax searches on a Virtuemart 1.1.2 Products.
    * Based on the excellent mod_pixsearch live search module designed by Henrik Hussfelt (henrik@pixpro.net - http://pixpro.net)
    * @author        modified by stAn RuposTel
    * @author        John Connolly <webmaster@GJCWebdesign.com>
    * @package        mod_vm_live_product
    * @since        1.5
    * @version    0.3.0
    */
    
    input.inputbox_vm_ajax_search_search_str2{
        float: center;
    
    }
    div.ajax_srch {
    overflow: visible !important;
    }
    div.res_a_s {
    display: none;
    position: absolute;
    width: 100%;
    float: left;
    
    background-color: white;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    overflow: none;
    z-index: 9999999;
    }
    
    div.res_a_s div a{
    color: black !important;
    }
    div.res_a_s {
        border: 1px #333 solid;
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
        /*width: 99%;*/
    }
    
    input.button_ajax_search {
    float: right !important;
    clear: right;
    }
    
    a.product_lnk_ajax_text, a.product_lnk_ajax_text:hover, a.product_lnk_ajax_text:active {
      text-decoration: none !important;
      background: none;
      color: black;
    }
    div.res_a_s div.vm_ajax_search_header2 a.product_lnk_ajax:hover, div.res_a_s div.vm_ajax_search_header2 a.product_lnk_ajax:active, div.res_a_s div.vm_ajax_search_header2 a.product_lnk_ajax:visited {
    text-decoration: none !important;
    background: none;
    }
    div.res_a_s div.vm_ajax_search_header2 a.product_lnk_ajax {
        float: right !important;
        text-decoration: none;
        background: none;
        color:white !important;
       
    }
    div.res_a_s div.vm_ajax_search_header2{
        font-weight: bold;
        font-size: 10px;
        background-color: #333;
       
        color:#ccc;
        margin-bottom: 5px;
        float: left;
        width: 100%;
    }
    
    div.res_a_s h3{
        color: #000;
       
        float: left;
        clear: both;
        width: 100%;
    }
    a.product_lnk_ajax {
    float: left;
    }
    div.res_a_s span{
        line-height: 100%;
    }
    div.res_a_s div.vm_ajax_search_row_1{
       
        background-color: #FFF;
        cursor: hand;
       
        width: 94%;
        float: left;
        margin-left: 3%;
        margin-right: 3%;
    }
    /*
    div.res_a_s div.vm_ajax_search_row_1:hover {
    background-color: #ccc;
    }
    
    div.res_a_s div.vm_ajax_search_row_2:hover {
    background-color: #ccc;
    }
    */
    div.res_a_s div.selectedRow {
      background-color: #ccc !important;
    }
    div.res_a_s div.vm_ajax_search_row_2{
        cursor: hand;
        background-color: #EEE;
        margin-top: 5px;
        margin-bottom: 5px;
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        float: left;
    }
    div.res_a_s div.vm_ajax_search_row_btm{
        font-weight: bold;
        font-size: 14px;
        background-color: #333;
       
        float: left;
    }
    
    /* postions timer in search box****/
    div.vm_ajax_search_timer2 {
        position: absolute;
        top: 33px;
        left: 135px;
        width: 16px;
    }
    /* 3 letter min message****/
    span.vm_ajax_search_3letters2 {
        color:red;
    }
     
  2. ugamer

    ugamer Постоялец

    Регистр.:
    30 ноя 2009
    Сообщения:
    60
    Симпатии:
    7
    Уважаемый, пожалуйста, указывайте ссылку на демо или сайт, так проще понять, что вам нужно...

    Чтобы двигать вашу кнопку достаточно добавить сюда стили:

    input.inputbox_vm_ajax_search_search_str2
    {
    margin-right: 10px; // внешний отступ справа
    }

    А вообще, с версткой у вас беда.
     
  3. Teamk

    Teamk

    Регистр.:
    13 ноя 2013
    Сообщения:
    173
    Симпатии:
    64
    Спасибо. Ссылка на сайт: pumpwhey.ru
    Но данный способ не сработал.

    Немного влево. От борта. Слишком не красиво-уперся в стенку модуль поиска.
     
    Последнее редактирование модератором: 27 ноя 2013
  4. ugamer

    ugamer Постоялец

    Регистр.:
    30 ноя 2009
    Сообщения:
    60
    Симпатии:
    7
    добавьте там где у вас файл со стилями, а предыдущее сообщение проигнорируйте
    .aj_label_wrapper {
    left: -4px;
    }
     
    Teamk нравится это.
  5. Teamk

    Teamk

    Регистр.:
    13 ноя 2013
    Сообщения:
    173
    Симпатии:
    64
    Вот это действительно помогло. Спасибо. А вниз как немного подвинуть?
     
  6. arman29

    arman29 Генератор идей

    Moderator
    • Супермодератор
    Регистр.:
    30 июн 2008
    Сообщения:
    1.235
    Симпатии:
    654
    Код:
    margin-top: 5px;
    нужно поиграться чуточку с цифрами

    либо

    Код:
    top: 5 px;
     
  7. ugamer

    ugamer Постоялец

    Регистр.:
    30 ноя 2009
    Сообщения:
    60
    Симпатии:
    7
    Да, поиграйтесь с цифрами, например

    Код:
    top: 10px; - сдвинуть сверху на 10 пикселей
    bottom: 10px; - сдвинуть снизу на 10 пикселей
    left: 10px; - влево
    right: 10px; - вправо
     
  8. Teamk

    Teamk

    Регистр.:
    13 ноя 2013
    Сообщения:
    173
    Симпатии:
    64
    Да дело в том, что я с этими цифрами игрался 2 часа)А вот Ваш способ сразу помог. Не сразу после первой неудачи я написал на форум.
     
  9. yaski

    yaski

    Регистр.:
    21 фев 2010
    Сообщения:
    474
    Симпатии:
    277
    симпатичней будет если ширину input сделать не 200px, а 300px
     
  10. monia

    monia

    Регистр.:
    27 июл 2007
    Сообщения:
    421
    Симпатии:
    68
    и кнопку поиска внутри, вот тогда будет "симпатичней" ;)