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

[Teamk]

Спойлер: Код

/**
* 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;
}

 

[ugamer]

Уважаемый, пожалуйста, указывайте ссылку на демо или сайт, так проще понять, что вам нужно...

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

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

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

 

[Teamk]

Уважаемый, пожалуйста, указывайте ссылку на демо или сайт, так проще понять, что вам нужно...

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

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

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

Спасибо. Ссылка на сайт: pumpwhey.ru
Но данный способ не сработал.

куда сдвинуть то надо ? как на рисунке?

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

 

[ugamer]

добавьте там где у вас файл со стилями, а предыдущее сообщение проигнорируйте
.aj_label_wrapper {
left: -4px;
}

 

[Teamk]

добавьте там где у вас файл со стилями, а предыдущее сообщение проигнорируйте
.aj_label_wrapper {
left: -4px;
}

Вот это действительно помогло. Спасибо. А вниз как немного подвинуть?

 

[arman29]

margin-top: 5px;

нужно поиграться чуточку с цифрами

либо

top: 5 px;

 

[ugamer]

Вот это действительно помогло. Спасибо. А вниз как немного подвинуть?

Да, поиграйтесь с цифрами, например

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

 

[Teamk]

Да, поиграйтесь с цифрами, например

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

Да дело в том, что я с этими цифрами игрался 2 часа)А вот Ваш способ сразу помог. Не сразу после первой неудачи я написал на форум.

 

[yaski]

симпатичней будет если ширину input сделать не 200px, а 300px

 

[monia]

симпатичней будет если ширину input сделать не 200px, а 300px

и кнопку поиска внутри, вот тогда будет "симпатичней"