Надо поправитъ верстку

Тема в разделе "Другие языки", создана пользователем GEEPERS, 10 мар 2011.

Модераторы: Цукер
  1. GEEPERS

    GEEPERS

    Регистр.:
    26 янв 2008
    Сообщения:
    162
    Симпатии:
    25
    В шаблоне кнопка "Search" съежает вниз во всех браузерах, кроме IE. Есть ли какой-нибудь хак от этого?
    http://shape5.com/demo/city_portal/
    Вот CSS самой кнопки
    HTML:
    #s5_search_middle_bottom .button, #s5_search_middle_bottom .button:hover {
    	height:41px;
    	padding-left:0;
    	padding-right:2px;
    	width:101px;
    	border:none;
    	color:#FFFFFF;
    	background:transparent url(../s5_search/s5_searchmodule_button.png) no-repeat; }
    Весь style.css - в аттаче.
     

    Вложения:

    • style.css.txt
      Размер файла:
      3,7 КБ
      Просмотров:
      3
  2. litllerror

    litllerror Создатель

    Регистр.:
    28 ноя 2010
    Сообщения:
    15
    Симпатии:
    15
    Поправил стиль

    Вот попробуй проверил в Firefox, Chrome, IE8
     

    Вложения:

    • style.css.txt
      Размер файла:
      3,8 КБ
      Просмотров:
      5
    GEEPERS нравится это.
  3. BDSG

    BDSG

    Регистр.:
    28 фев 2009
    Сообщения:
    203
    Симпатии:
    109
    vertical-align: middle, не?..
     
  4. Kub

    Kub

    Регистр.:
    5 июн 2009
    Сообщения:
    606
    Симпатии:
    473
    Вот для этого input
    HTML:
    <input type="text" onfocus="if(this.value=='search...') this.value='';" onblur="if(this.value=='') this.value='search...';" value="search..." size="50" class="inputbox" alt="search" maxlength="20" id="mod_search_searchword" name="searchword">
    нужно в стилях padding-top: 6px; убрать
    вот в этом правиле
    HTML:
    #mod_search_searchword, #mod_search_searchword:hover, #keyword, #keyword:hover, #mod_search_searchword1, #mod_search_searchword1:hover, #mod_search_searchword2, #mod_search_searchword2:hover {
    background:url("../s5_search/s5_searchmodule_input.png") no-repeat scroll 0 0 transparent;
    border:medium none;
    height:31px;
    margin-left:4px;
    margin-top:8px;
    padding-left:30px;
    padding-top:6px;
    width:330px;
    }
     
  5. GEEPERS

    GEEPERS

    Регистр.:
    26 янв 2008
    Сообщения:
    162
    Симпатии:
    25
    Отлично! От себя еще margin-top:6px; добавил вот сюда, т.к. немного выше кнопка была:
    HTML:
    #s5_search_middle_bottom .button, #s5_search_middle_bottom .button:hover {
    	height:44px;
    	padding-left:0;
    	padding-right:2px;
    	width:101px;
    	border:none;
    	margin-top:6px;
    	color:#FFFFFF;
    	background:transparent url(../s5_search/s5_searchmodule_button.png) no-repeat; }