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

как скрыть рамки

styleroom
23 декабря 2013, 17:25

добрый день

установил форму поиска на сайт, но у нее есть бордюры-рамки относящиеся к тегу TR

попытка установить border:none для ya-site-form__form tr = то есть стилями скрыть не удается

можно как-то избавиться от этих рамок?

13 комментариев
Подписаться на комментарии к посту
Вульбрун Дмитрий
24 декабря 2013, 10:41

Покажите реальную страницу, где это воспроизводится, пожалуйста. Без этого я не смогу вам ответить, какие именно стили мешают.

я уже порешал это с помощью вкладывания слоя ya-site-form внутрь другого слоя

схема такая =

  
    
        ...
    
  

CSS-стили =

/*--- YANDEX-SEARCH ---*/
#yand { position: relative; height: 40px; background: #f8f0e6; overflow: hidden; }
.ya-site-form { position: absolute; left: -2px; top: -2px; width: 101%; }
.ya-site-form__submit { padding: 0; }
.ya-site-form td, .ya-site-form_inited_no td { padding: 0; border: none; }

p.s. может кому поможет

p.s.2 реальная страница тут

Вульбрун Дмитрий
24 декабря 2013, 10:51

Спасибо, что поделились опытом! :)

а можно ли как-то избежать "камлания с бубном"?

ну чтобы Яндекс сразу генерил все без бордюров и отступов?

Вульбрун Дмитрий
24 декабря 2013, 16:21

Ну вообще, у элементов tr в форме поиска по умолчнию нет рамок, это видимо какой-то унаследованый стиль. То же самое с отступами. Если вы покажете ссылку, чтобы посмотреть, как это воспроизводится, мы можем попробовать помочь.

Вульбрун Дмитрий
24 декабря 2013, 18:15

вот это его стиль, который делает бордеры 

#content table {    
    border-collapse: collapse    
    border: 1px solid #000;
}

 

вот стили, где есть отступы снизу:

table {
    margin-bottom: 1.4em;   
    width: 100%
}

ок = спасибо

завтра буду разбираться

вот внутренности формы, которые генерит яндекс =

  
       
           


               
                   
                       
           
       
   

                           
                               
                                   
                                       
                               
                           
                               
                           
                       
                   

                                           
                                               
                                                   
                                                       
                                                   
                                               
                                           
                                       

                                                           
                                                               
                                                           
                                                       

                                                       
                                                   

                                   

                                   
                               

               


добрый день

установил форму поиска и такая же проблема рамки вокруг формы и результаты тоже в рамке...вот только знаний не хватает самому исправить) может поможете вот ссылка

Вульбрун Дмитрий
3 февраля 2014, 11:49

У вас в файле http://autoparts11.ru/css/common_9884.css есть правила, в которых прописаны стили для всех тегов TABLE:

.textcontent TABLE, .Editor-page .textcontent TABLE {    -moz-border-bottom-colors: none !important;    -moz-border-left-colors: none !important;    -moz-border-right-colors: none !important;    -moz-border-top-colors: none !important;    border-color: #9D9D9D !important;    border-image: none !important;    border-style: solid !important;    border-width: 1px 1px 0 0 !important;    min-width: 100% !important;    width: 100% !important;}

 

.textcontent TABLE TD, .textcontent TABLE TH {    -moz-border-bottom-colors: none !important;    -moz-border-left-colors: none !important;    -moz-border-right-colors: none !important;    -moz-border-top-colors: none !important;    border-color: #9D9D9D !important;    border-image: none !important;    border-style: solid !important;    border-width: 0 0 1px 1px !important;    padding: 2px 0 !important;}

 

.block-text IMG {    border: 1px solid #DCDCDC;    margin: 0 16px 10px 0;}

В последнем - сделана обводка для картинок, поэтмоу логотип Яндекса тоже оказался в рамочке.

огромное вам спасибо что ответили. но не только логотип, но и само поле запроса в рамочке... и вопрос как их убрать остался. не силен я в этих премудростях кода ) или если я правильно понял, то нужно просто удалить это правило для картинок? или как-то надо его исправить? или ничего сделать уже нельзя?

Вульбрун Дмитрий
5 февраля 2014, 10:46

Ну я не нашел на вашем сайте никаких тегов table, поэтому в принципе можно эти стили попробовать просто удалить. Однако, для начала просто заверните их в консутркцию /* ... */ (вместо ... - блок, который вы хотите временно выключить). Так вы сможете их выключить, а потом включить, если потребуется.

И еще. Посмотрите видеозапись мастер-класса по HTML&CSS, это поможет вам лучше понимать, как работать с формой поиска и с выдачей: http://tech.yandex.ru/events/webinars/pds_2/