Клуб Яндекс.Поиска для сайта

Как отменить действие CSS стилей сайта для формы поиска Яндекс?

kibiribi
31 августа 2014, 05:04

Сайт - http://www.emagazin.info/

Форма находится в левом сайдбаре

Вопрос: Как сделать так, чтобы стили сайта не перебивали настройки Яндекса и форма поиска была без дополнительных отступов? 

 

На сайте есть стиль CSS, который перекрывает форму поиска: 

layout.css

th, td {
    padding: 0.2em 1em;
    text-align: left;
}
Форма поиска Яндекс сверстанна td, tr и соотвественно идут большие оступы, которые не нужны - смотрите скрин-шот - 

 

П.С. Ранее спрашивал этот вопрос в другом посте клуба -  http://clubs.ya.ru/sitesearch/replies.xml?item_no=2008

но так никто и не ответил

Прошу помочь с консультацией, т.к. я не верстальщик. 

6 комментариев
Подписаться на комментарии к посту

 

Судя по всему, тут проблема не столько из-за паддинга, сколько из-за margin-bottom: 10px; заданный для table.
Можно сделать так:

#ya-site-form0 .ya-site-form__search,
.ya-site-form__search-input-layout
{
    margin-bottom: 0;
}

Спасибо за ответ - поправил как вы сказали - http://www.emagazin.info/

НО....

отступы внизу ушли... остались по боках -смотрите скриншот - http://screencast.com/t/u6024aYO

Как можно забрать отступы по боках средствами CSS ? подскажите.

 

 

Подскажите, что делать с  вертикальными отступами ? смотрите мой предыдущий пост.  :-@

Я пробую делать 

----------

#ya-site-form0 .ya-site-form__search,

.ya-site-form__search-input-layout

{

    margin-bottom: 0;

margin-left: 0;

margin-right:0;

}

------------

не работает 

не работает левый и правый край...  я про них говорю. 

Александр
3 января 2016, 18:37

Чтобы подогнать Яндек.Поиск под дизайн своего сайта мне пришлось вписать такой код:

#ya-site-form0 {float: right; width: 320px;}

#ya-site-form0 .ya-site-form__wrap, .ya-site-form__search, .ya-site-form__search-input-layout {margin: 0.5em 0 0.01em; border: 0;}

#ya-site-form0 .ya-site-form__search-input td {padding: 0;}

Выяснить что где менять оказывается довольно просто - поможет Firebug для Мозилы. Кликаете правой кнопкой мыши с том месте страницы, который вам нужно проинспектировать, просматривате классы и менятете что нужно через CSS.