Перейти к содержимому


Проблема С Формой Поиска


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 8

#1 3aiac

3aiac

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородУфа

Отправлено 26 Июль 2011 - 15:56

Попытался переместить форму поиска под каталог, и как только форма поиска оказывается ровно под каталогом, она перестает работать. если ставить чуть левее то работает. Как сделать чтобы работала ровно под каталогом?)

ссылка Вот

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 26 Июль 2011 - 19:27

Хм. попробуйте в файле стилей найти класс

#search {
	height: 35px;
	position: absolute;
	right: 100px;
	top: 500px;
}

далее в него добавить свойство указывающее номер слоя относительно документа. z-index:1

в итоге должно получиться так

#search {
	height: 35px;
	position: absolute;
	right: 100px;
	top: 500px;
	z-index:1;
}


#3 3aiac

3aiac

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородУфа

Отправлено 26 Июль 2011 - 20:00

Просмотр сообщенияVaccina (26 Июль 2011 - 19:27) писал:

Хм. попробуйте в файле стилей найти класс

#search {
	height: 35px;
	position: absolute;
	right: 100px;
	top: 500px;
}

далее в него добавить свойство указывающее номер слоя относительно документа. z-index:1

в итоге должно получиться так

#search {
	height: 35px;
	position: absolute;
	right: 100px;
	top: 500px;
	z-index:1;
}


Спасибо. поставил. А можно ли теперь вставить рисунок с иконкой на кнопку поиска? И как это сделать?

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 26 Июль 2011 - 20:24

Для этого просто измените название вашей иконки в шаблоне "HTML"

<input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" />

в данном случае название иконки "search_but.gif"

#5 3aiac

3aiac

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений
  • ГородУфа

Отправлено 26 Июль 2011 - 22:08

Просмотр сообщенияVaccina (26 Июль 2011 - 20:24) писал:

Для этого просто измените название вашей иконки в шаблоне "HTML"

<input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" />

в данном случае название иконки "search_but.gif"

спасибо. а эту иконку можно двигать относительно формы поиска?

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 27 Июль 2011 - 21:58

Хм. можно попробовать использовать стили

например

<input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" style="margin-left:10px;" />

или любые другие стили css в зависимости что вам требуется.

#7 feeena

feeena

    Пользователь

  • Пользователи
  • PipPip
  • 26 сообщений

Отправлено 23 Август 2011 - 17:46

Просмотр сообщенияVaccina (26 Июль 2011 - 19:27) писал:

Хм. попробуйте в файле стилей найти класс

#search {
	height: 35px;
	position: absolute;
	right: 100px;
	top: 500px;
}

далее в него добавить свойство указывающее номер слоя относительно документа. z-index:1

в итоге должно получиться так

#search {
	height: 35px;
	position: absolute;
	right: 100px;
	top: 500px;
	z-index:1;
}
Подскажите что за файл стилей где его найти, и ещё вопрос где посмотреть полный список z-index

#8 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 23 Август 2011 - 20:40

Файл стилей вы можете найти в разделе редактора тем(Сайт->Редактор тем) файл main.csstemplate
В этом же файле вы можете посмотреть полный перечень свойств z-index

#9 feeena

feeena

    Пользователь

  • Пользователи
  • PipPip
  • 26 сообщений

Отправлено 23 Август 2011 - 23:58

Просмотр сообщенияVaccina (23 Август 2011 - 20:40) писал:

Файл стилей вы можете найти в разделе редактора тем(Сайт->Редактор тем) файл main.csstemplate
В этом же файле вы можете посмотреть полный перечень свойств z-index
Спасибо большое




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных