баг. Подскажите, что исправить в css для .search

annik

Осваиваюсь на форуме
39
2 / 1

баг. Подскажите, что исправить в css для .search

« : 01.07.2008, 18:06:14 »

суть. есть табличка. В нее вставлен якорь #User3. В нем модуль поиска (стандартный).
имеется такая картина

В ie кнопка поиск с полем input на одной строке. В ff - смещение.
css такой

Код

/* ******************************************* search and others forms */
.button {
  font-size        : 11px;
  color            : #333c45;
  border           : 1px solid #3f4a55;
  height:20px;
  cursor           : pointer;
background-color:#e1e1df;
}

.inputbox {
	font			: normal 11px Arial, Helvetica, sans-serif;
	color			: #999999;
	border			: 1px solid #999999;
height:20px;

}

.search {
padding-left: 10px;
}

Коллеги, подскажите, где собака порылась?
спасибо

« Последнее редактирование: 01.07.2008, 18:32:46 от annik »

Записан

ddr

Захожу иногда
65
12 / 1

Re: баг. Подскажите, что исправить в css для .search

« Ответ #1 : 01.07.2008, 19:12:47 »

Я привык обнулять стили в начале верстки и как правило таких багов намного меньше....

Попробуй обнулить CSS - вверху .css добавить:

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   font-weight: inherit;
   font-style: inherit;
   line-height: 1;
   font-family: inherit;
   text-align: left;
   vertical-align: baseline;
}

Записан

PREMIER

Захожу иногда
164
5 / 0
Самое важное — это мир во всём мире!

Re: баг. Подскажите, что исправить в css для .search

« Ответ #2 : 12.07.2008, 09:00:54 »

Удалось справится? А то у меня такая же история, только немного по другому в ФФ2, всё отлично а в Опере и ИЕ съезжает.

Записан

annik

Осваиваюсь на форуме
39
2 / 1

Re: баг. Подскажите, что исправить в css для .search

« Ответ #3 : 12.07.2008, 11:00:21 »

Цитата: PREMIER от 12.07.2008, 09:00:54

Удалось справится? А то у меня такая же история, только немного по другому в ФФ2, всё отлично а в Опере и ИЕ съезжает.

переписал css

Код

.button {
	padding: 2px 5px 2px 5px;
	height: 22px;
	border: solid 1px #666666; /* цвет границы.*/
	background-color: #e9e9e9;/* заливка кнопки.*/
	color: #333333; /* цвет текста кнопки.*/
	font-family: Arial;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

.inputbox {
	padding: 2px;
	border: 1px solid #666666; /* Цвет границ форм.
	background-color: #fbfbfb; /* Цвет заливки фона форм.*/
}
.search {
padding-left: 10px;
}

Записан

Jea Search. Подскажите! Автор pocheto	Ответов: 0 Просмотров: 1009	29.07.2017, 22:42:02 от pocheto
Как исправить косяк отображения на браузере Android и Safari? Автор Bozhkov2	Ответов: 8 Просмотров: 1610	01.11.2016, 11:42:44 от Bozhkov2
Валидатор отображает - "Sorry! This document cannot be checked", как исправить? Автор stimyl	Ответов: 0 Просмотров: 2336	01.07.2016, 15:41:19 от stimyl
Как убрать серый фон в шаблоне construction, подскажите? Автор kekerka	Ответов: 4 Просмотров: 1592	12.02.2015, 09:18:20 от kekerka
Галерея сток как исправить косяки? Автор Jokerrs	Ответов: 0 Просмотров: 1318	24.09.2014, 18:11:53 от Jokerrs

баг. Подскажите, что исправить в css для .search - Вопросы по CSS

Новости Joomla

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

annik

баг. Подскажите, что исправить в css для .search

ddr

Re: баг. Подскажите, что исправить в css для .search

PREMIER

Re: баг. Подскажите, что исправить в css для .search

annik

Re: баг. Подскажите, что исправить в css для .search

Похожие темы