Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 8 Ответов
  • 4121 Просмотров
*

testosterone

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
Создал форму. Все корректно, только...

Цитировать
<style type="text/css">
form.simpleForm label{float:left;padding-left: 25px;width: 290px;}
form.simpleForm label span{color:#ff0000;}
form.simpleForm input.inputtext{width:250px;}
form.simpleForm textarea.inputtext{width:250px;height:100px;}
form.simpleForm submit.butt{margin-left:240px;}
</style>

{form}
<p>{element label="Фамилия Имя Отчество" type="text" class="inputtext" required="required" error="Введите ваше имя" /}</p>

<p>{element label="Возраст" type="text" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="Есть ли у Вас музыкальное образование?" type="text" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="Считаете ли Вы себя артистичным (-ной)?" type="text" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="В какое время предпочитаете заниматься?" type="text" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="Контактные данные" type="textarea" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="Дополнительная информация" type="textarea" class="inputtext" /}</p>

<p>{element type="submit" class="butt" value="Записаться" /}</p>
{/form}

Не могу понять, где неправильно? Кнопка "Записаться" находится по левому краю и не хочет двигаться вправо? Буду благодарен за помощь, а то выглядит как-то это убого и дешево :(
*

Лена)

  • Захожу иногда
  • 402
  • 28 / 0
В CSS к классу кнопки Записаться пропишите float:right. Воспользуйтесь FireBug
*

testosterone

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
Всё сделал:

Цитировать
<style type="text/css">
form.simpleForm label{float:left;padding-left: 25px;width: 290px;}
form.simpleForm label span{color:#ff0000;}
form.simpleForm input.inputtext{width:250px;}
form.simpleForm textarea.inputtext{width:250px;height:100px;}
form.simpleForm submit.butt{float:right;}
</style>

{form}
<p>{element label="Фамилия Имя Отчество" type="text" class="inputtext" required="required" error="Введите ваше имя" /}</p>

<p>{element label="Возраст" type="text" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="Есть ли у Вас музыкальное образование?" type="text" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="Считаете ли Вы себя артистичным (-ной)?" type="text" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="В какое время предпочитаете заниматься?" type="text" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="Контактные данные" type="textarea" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>

<p>{element label="Дополнительная информация" type="textarea" class="inputtext" /}</p>

<p>{element type="submit" class="butt" value="Записаться" /}</p>
{/form}

А кнопка, как проклятая, осталась на месте, там где и была :(
*

Лена)

  • Захожу иногда
  • 402
  • 28 / 0
Вы может не к тому классу прописали? А ссылку на сайт можете дать?
*

testosterone

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
*

Лена)

  • Захожу иногда
  • 402
  • 28 / 0
Добавьте класс .butt к input, select, textarea

Код
input.butt, select.butt, textarea.butt {
font-family: "Arial", "Helvetica", sans-serif;
font-size: 13px;
float:right;
}
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Код: css
#simpleForm2_714_submit {
  margin: 0 0 4px 480px;
}
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

testosterone

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
Цитировать
Добавьте класс .butt к input, select, textarea
Код:
input.butt, select.butt, textarea.butt {
font-family: "Arial", "Helvetica", sans-serif;
font-size: 13px;
float:right;
}

Получилось, но теперь кнопка находится в правом углу, а хотелось бы по центру. :(


Цитировать
#simpleForm2_714_submit {
  margin: 0 0 4px 480px;

PHP генерит каждый раз разную цифру, а не конкретно 714 :(
*

testosterone

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
Решение найдено
Цитировать
input.butt, select.butt, textarea.butt {
font-family: "Arial", "Helvetica", sans-serif;
font-size: 13px;
float:right;
margin-right:445px;
}
+1 Лена)
Спасибо
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Две формы на одной странице SimpleForm2

Автор Mick_20

Ответов: 0
Просмотров: 1008
Последний ответ 20.02.2023, 05:51:26
от Mick_20
Модуль конструктор формы обратной связи simpleForm2 для Joomla 1.0 / joostina 1.2

Автор vs12345

Ответов: 21
Просмотров: 21392
Последний ответ 25.09.2020, 16:21:22
от svarg
[Решено] Simpleform2 перенаправление на страницу после отправки

Автор IvanLi

Ответов: 2
Просмотров: 5238
Последний ответ 11.12.2018, 22:54:53
от ZyX
Проблемы с Captcha simpleform2

Автор nikola_blin

Ответов: 3
Просмотров: 3859
Последний ответ 16.02.2018, 13:42:32
от dron
Календарь в SimpleForm2 как сделать?

Автор safronoff343

Ответов: 2
Просмотров: 2226
Последний ответ 03.04.2015, 07:40:58
от 04r12