[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: HTML form работа с текстом
kolyabis
Доброго дня всем. Хочу спросить совета у професианальных верстальщиков.
Бьюсь уже не первый день и никакого результата, на данный момент работаю с формой.
Дело в том что сам я разработчик на php, а с html работаю крайне редко, больше с дивами, но столкнулся вот с какой проблемой.

Создавал калькулятор для страховой компании и встала задача сделать выпадающий список, где бы выпадали наименования городов и их зоны. Сам html вот такого плана.


<select name="id_train" onchange="do_tr(this)" style="width: 100%;" id="id_train">
<option
selected="selected" value="4" style="text-align: right">Алчевск( Зона 4 )</option>
<option
value="5" style="text-align: right">Александрия( Зона 5 )</option>
<option
value="5" style="text-align: right">Антрацит( Зона 5 )</option>
<option
value="5" style="text-align: right">Артемовск( Зона 5 )</option>
<option
value="5" style="text-align: right">Ахтырка( Зона 5 )</option>

<option
value="4" style="text-align: right">Белая Церковь( Зона 4 )</option>
<option
value="4" style="text-align: right">Бердянск( Зона 4 )</option>
<option
value="4" style="text-align: right">Борисполь( Зона 4 )</option>
<option
value="5" style="text-align: right">Белгород-Днестровский( Зона 5 )</option>
<option
value="5" style="text-align: right">Бердичев( Зона 5 )</option>
<option
value="5" style="text-align: right">Брянка( Зона 5 )</option>
<option
value="5" style="text-align: right">Боярка( Зона 5 )</option>
<option
value="5" style="text-align: right">Бровары( Зона 5 )</option>

<option
value="4" style="text-align: right">Винница( Зона 4 )</option>
<option
value="5" style="text-align: right">Васильков( Зона 5 )</option>
<option
value="5" style="text-align: right">Вишневое( Зона 5 )</option>
<option
value="5" style="text-align: right">Вышгород( Зона 5 )</option>

<option
value="4" style="text-align: right">Горловка( Зона 4 )</option>

<option
value="2" style="text-align: right">Днепропетровск( Зона 2 )</option>
<option
value="3" style="text-align: right">Донецк( Зона 3 )</option>
<option
value="4" style="text-align: right">Днепродзержинск( Зона 4 )</option>
<option
value="5" style="text-align: right">Димитров( Зона 5 )</option>
<option
value="5" style="text-align: right">Дрогобыч( Зона 5 )</option>
<option
value="5" style="text-align: right">Дружковка( Зона 5 )</option>

<option
value="4" style="text-align: right">Евпатория( Зона 4 )</option>
<option
value="4" style="text-align: right">Енакиево( Зона 4 )</option>

<option
value="4" style="text-align: right">Житомир( Зона 4 )</option>
<option
value="5" style="text-align: right">Желтые Воды( Зона 5 )</option>

<option
value="3" style="text-align: right">Запорожье( Зона 3 )</option>

<option
value="4" style="text-align: right">Ивано-Франковск( Зона 4 )</option>
<option
value="5" style="text-align: right">Измаил( Зона 5 )</option>
<option
value="5" style="text-align: right">Изюм( Зона 5 )</option>
<option
value="5" style="text-align: right">Ирпень( Зона 5 )</option>
<option
value="5" style="text-align: right">Ильичевск( Зона 5 )</option>

<option
value="1" style="text-align: right">Киев( Зона 1 )</option>
<option
value="2" style="text-align: right">Кривой Рог( Зона 2 )</option>
<option
value="4" style="text-align: right">Каменец-Подольский( Зона 4 )</option>
<option
value="4" style="text-align: right">Керчь( Зона 4 )</option>
<option
value="4" style="text-align: right">Кировоград( Зона 4 )</option>
<option
value="4" style="text-align: right">Краматорск( Зона 4 )</option>
<option
value="4" style="text-align: right">Кременчуг( Зона 4 )</option>
<option
value="5" style="text-align: right">Калуш( Зона 5 )</option>
<option
value="5" style="text-align: right">Ковель( Зона 5 )</option>
<option
value="5" style="text-align: right">Коломыя( Зона 5 )</option>
<option
value="5" style="text-align: right">Комсомольск( Зона 5 )</option>
<option
value="5" style="text-align: right">Конотоп( Зона 5 )</option>
<option
value="5" style="text-align: right">Коростень( Зона 5 )</option>
<option
value="5" style="text-align: right">Константиновка( Зона 5 )</option>
<option
value="5" style="text-align: right">Красноармейск( Зона 5 )</option>
<option
value="5" style="text-align: right">Краснодон( Зона 5 )</option>
<option
value="5" style="text-align: right">Красный Луч( Зона 5 )</option>

<option
value="3" style="text-align: right">Львов( Зона 3 )</option>
<option
value="4" style="text-align: right">Лисичанск( Зона 4 )</option>
<option
value="4" style="text-align: right">Луганск( Зона 4 )</option>
<option
value="4" style="text-align: right">Луцк( Зона 4 )</option>
<option
value="5" style="text-align: right">Лозовая( Зона 5 )</option>
<option
value="5" style="text-align: right">Лубны( Зона 5 )</option>

<option
value="4" style="text-align: right">Макеевка( Зона 4 )</option>
<option
value="4" style="text-align: right">Мариуполь( Зона 4 )</option>
<option
value="4" style="text-align: right">Мелитополь( Зона 4 )</option>
<option
value="5" style="text-align: right">Марганец( Зона 5 )</option>
<option
value="5" style="text-align: right">Мукачево( Зона 5 )</option>

<option
value="3" style="text-align: right">Николаев( Зона 3 )</option>
<option
value="4" style="text-align: right">Никополь( Зона 4 )</option>
<option
value="5" style="text-align: right">Нежин( Зона 5 )</option>
<option
value="5" style="text-align: right">Новая Каховка( Зона 5 )</option>
<option
value="5" style="text-align: right">Нововолынск( Зона 5 )</option>
<option
value="5" style="text-align: right">Новоград-Волынский( Зона 5 )</option>
<option
value="5" style="text-align: right">Новомосковск( Зона 5 )</option>

<option
value="2" style="text-align: right">Одесса( Зона 2 )</option>

<option
value="4" style="text-align: right">Павлоград( Зона 4 )</option>
<option
value="4" style="text-align: right">Полтава( Зона 4 )</option>
<option
value="5" style="text-align: right">Первомайск( Зона 5 )</option>
<option
value="5" style="text-align: right">Прилуки( Зона 5 )</option>

<option
value="4" style="text-align: right">Ровно( Зона 4 )</option>
<option
value="5" style="text-align: right">Ровеньки( Зона 5 )</option>
<option
value="5" style="text-align: right">Ромны( Зона 5 )</option>
<option
value="5" style="text-align: right">Рубежное( Зона 5 )</option>

<option
value="4" style="text-align: right">Севастополь( Зона 4 )</option>
<option
value="4" style="text-align: right">Северодонецк( Зона 4 )</option>
<option
value="4" style="text-align: right">Симферополь( Зона 4 )</option>
<option
value="4" style="text-align: right">Славянск( Зона 4 )</option>
<option
value="4" style="text-align: right">Сумы( Зона 4 )</option>
<option
value="5" style="text-align: right">Свердловск( Зона 5 )</option>
<option
value="5" style="text-align: right">Светловодск( Зона 5 )</option>
<option
value="5" style="text-align: right">Смела( Зона 5 )</option>
<option
value="5" style="text-align: right">Снежное( Зона 5 )</option>
<option
value="5" style="text-align: right">Стаханов( Зона 5 )</option>
<option
value="5" style="text-align: right">Стрый( Зона 5 )</option>

<option
value="4" style="text-align: right">Тернополь( Зона 4 )</option>
<option
value="5" style="text-align: right">Торез( Зона 5 )</option>

<option
value="4" style="text-align: right">Ужгород( Зона 4 )</option>
<option
value="5" style="text-align: right">Умань( Зона 5 )</option>

<option
value="5" style="text-align: right">Фастов( Зона 5 )</option>
<option
value="5" style="text-align: right">Феодосия( Зона 5 )</option>

<option
value="2" style="text-align: right">Харьков( Зона 2 )</option>
<option
value="4" style="text-align: right">Херсон( Зона 4 )</option>
<option
value="4" style="text-align: right">Хмельницкий( Зона 4 )</option>
<option
value="5" style="text-align: right">Харцызск( Зона 5 )</option>

<option
value="4" style="text-align: right">Черкассы( Зона 4 )</option>
<option
value="4" style="text-align: right">Черновцы( Зона 4 )</option>
<option
value="4" style="text-align: right">Чернигов( Зона 4 )</option>
<option
value="5" style="text-align: right">Червоноград( Зона 5 )</option>

<option
value="5" style="text-align: right">Шахтерск( Зона 5 )</option>
<option
value="5" style="text-align: right">Шостка( Зона 5 )</option>

<option
value="5" style="text-align: right">Энергодар( Зона 5 )</option>

<option
value="5" style="text-align: right">Ялта( Зона 5 )</option>
</select>



Проблема заключается в том что есть название и крядом зона к которой он относится, в данном варианте весь текст в каждом <option> выравнивается по правой стороне.
Вот и вопрос? Возможно ли сделать так чтоб название выравнивалось по левой стороне, а зона по правой? Ну чтоб было похоже как на 2е колонки, но в одной??? Если кто знает какой то вариант, поделитись знаниями, а то я уже не знаю где искать.



Спустя 2 часа, 9 минут, 5 секунд (14.07.2011 - 10:54) inpost написал(а):
kolyabis
Мне кажется, что только через JS динамически менять слой, который ты будешь вешать поверх обычного select.
Увы, может есть на jQuery готовые решения...

Спустя 10 минут, 33 секунды (14.07.2011 - 11:05) kolyabis написал(а):
Я пробовал установить и яву и дивы в select результатов нет, даже не ломает код, просто игнарирует.

Спустя 37 минут, 35 секунд (14.07.2011 - 11:43) SoMeOnE написал(а):
На jquery возможно есть готовые решения.

Спустя 9 минут, 22 секунды (14.07.2011 - 11:52) kolyabis написал(а):
Цитата (SoMeOnE @ 14.07.2011 - 08:43)
На jquery возможно есть готовые решения.

А может подскажете, где можно посмотреть сайты где про jquery идет реч

Спустя 38 минут, 57 секунд (14.07.2011 - 12:31) SoMeOnE написал(а):
На офф сайте jquery можно поискать. На форумах думаю ответят.

Вот здесь показан принцип как накладывается изображения. Если разберетесь, думаю под свой пример настроите.
http://ryanfait.com/resources/custom-check...-radio-buttons/
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.