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

GEEPERS

Знаток
Регистрация
26 Янв 2008
Сообщения
162
Реакции
25
В шаблоне кнопка "Search" съежает вниз во всех браузерах, кроме IE. Есть ли какой-нибудь хак от этого?

Вот 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 KB · Просмотры: 3
Поправил стиль

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

Вложения

  • style.css.txt
    3,8 KB · Просмотры: 5
vertical-align: middle, не?..
 
Вот для этого 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;
}
 
Вот попробуй проверил в Firefox, Chrome, IE8
Отлично! От себя еще 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; }
 
Назад
Сверху