Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 26.06.2012, 00:28   #1
keen_
Форумчанин
 
Регистрация: 07.12.2011
Сообщений: 112
По умолчанию Расставить поля формы по нужным местам

Что-то не получается с помощью CSS отформатировать форму.
Нужно, вот так:



Вот мой код формы. В нём можно использовать только имеющиеся там классы - я не могу дописать в форму какие-то другие классы и ли сделать таблицу (так бы я сам всё сделал). В общем как я понял нужно юзать только классs - feedback_form_param4, feedback_form_param5, feedback_form_param6 ... чтобы всё отформатировать.

Код:
<form method="POST" enctype="multipart/form-data" action="" class="ajax feedback_form">
<input type="hidden" name="module" value="feedback">
<input type="hidden" name="site_id" value="1">
<input type="hidden" name="ajax" value="0">

<div class="feedback_form_param4"><div class="infofield">Откуда<font color="red">*</font>:</div>
			<input type="text" name="p4" size="40" value="" class="inptext"><div class="feedback_form_param_text"></div></div><div class="errors error_p4" style="display:none"></div><div class="feedback_form_param5"><div class="infofield">Куда<font color="red">*</font>:</div>
			<input type="text" name="p5" size="40" value="" class="inptext"><div class="feedback_form_param_text"></div></div><div class="errors error_p5" style="display:none"></div><div class="feedback_form_param6"><div class="infofield">Дата – туда<font color="red">*</font>:</div>
				<input type="text" name="p6" size="20" value="" class="inptext timecalendar" showTime="false"><div class="feedback_form_param_text"></div></div><div class="errors error_p6" style="display:none"></div><div class="feedback_form_param7"><div class="infofield">Дата – обратно<font color="red">*</font>:</div>
				<input type="text" name="p7" size="20" value="" class="inptext timecalendar" showTime="false"><div class="feedback_form_param_text"></div></div><div class="errors error_p7" style="display:none"></div><div class="feedback_form_param8"><div class="infofield">Взрослые<font color="red">*</font>:</div>
			<select name="p8" class="inpselect">
				<option value="">-</option><option value="7">1</option><option value="8">2</option><option value="9">3</option></select><div class="feedback_form_param_text"></div></div><div class="errors error_p8" style="display:none"></div><div class="feedback_form_param9"><div class="infofield">Дети 2-12 лет:<font color="red">*</font>:</div>
			<select name="p9" class="inpselect">
				<option value="">-</option><option value="10">1</option><option value="11">2</option><option value="12">3</option></select><div class="feedback_form_param_text"></div></div><div class="errors error_p9" style="display:none"></div><div class="feedback_form_param10"><div class="infofield">Дети до 2 лет<font color="red">*</font>:</div>
			<select name="p10" class="inpselect">
				<option value="">-</option><option value="13">1</option><option value="14">2</option><option value="15">3</option></select><div class="feedback_form_param_text"></div></div><div class="errors error_p10" style="display:none"></div><div class="feedback_form_param11"><div class="infofield">Класс обслуживания<font color="red">*</font>:</div>
			<select name="p11" class="inpselect">
				<option value="">-</option><option value="16">Эконом</option><option value="17">Бизнес</option></select><div class="feedback_form_param_text"></div></div><div class="errors error_p11" style="display:none"></div><span class="button_wrap"><input type="submit" value="Отправить" class="button" name="button"></span></form><div class="errors error" style="display:none"></div>
Изображения
Тип файла: gif forma.gif (20.8 Кб, 118 просмотров)

Последний раз редактировалось keen_; 26.06.2012 в 00:35.
keen_ вне форума Ответить с цитированием
Старый 26.06.2012, 08:15   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

И как вы из селекта собираетесь радио-баттон сделать (кол-во человеков, класс обслуживания и триггер "туда-обратно")?
Надписи внутри полях делаются атрибутом placeholder — это должно быть уже в верстке. Либо полностью переделывать скриптами.
Если нет возможности вмешаться в вывод, то уж лучше было бы в шаблоне сверстать по-новой с учетом современных стандартов, отдельно от цмс.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 26.06.2012, 08:30   #3
keen_
Форумчанин
 
Регистрация: 07.12.2011
Сообщений: 112
По умолчанию

Спасибо. Сейчас вроде немного разобрался. Да и в самой ЦМС удалось сделать нужные дополнения, такие как разные ID для inputs и т. п. Да и placeholder я уже могу сам туда впендюрить
keen_ вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Макрос, вытащить данные и расставить по местам kzld Microsoft Office Excel 25 06.01.2013 09:11
Проверка содержимого поля формы Анастасия1902 JavaScript, Ajax 4 08.12.2011 17:46
Обновление поля формы Richard89 Microsoft Office Access 1 01.02.2011 16:21
Какое наимньшее число ферзей можно расставить на доске так, чтобы они держали под бонм все свободные поля alykaa Помощь студентам 4 01.12.2010 18:48
Создание новой формы с нужным количеством строк. konistra Microsoft Office Excel 13 01.06.2010 23:28