Вопрос по вёрстке(option, select)

Тема в разделе "Веб-дизайн", создана пользователем fullgod, 5 авг 2010.

Статус темы:
Закрыта.
Модераторы: zek24
  1. fullgod

    fullgod

    Регистр.:
    19 апр 2008
    Сообщения:
    216
    Симпатии:
    33
    Здравствуйте!

    Есть вопрос по вёрстке. Никак не могу решить.

    Суть такая:
    HTML:
    
    <select>
    <option value="1">Стоимость сумма</option>
    <option value="2">Стоимость сумма</option>
    </select>
    
    Нужно, что б "Стоимость" была по левому краю, а "сумма" была по правому краю.

    Вроде всё просто, но никак не выходит( Помогите.
     
  2. McLay

    McLay Постоялец

    Регистр.:
    20 май 2008
    Сообщения:
    71
    Симпатии:
    15
    Используя &nbsp; в нужных количества)
    Либо замену select'а на js
     
  3. Raynor

    Raynor Создатель

    Регистр.:
    23 июн 2008
    Сообщения:
    23
    Симпатии:
    2
    <table>
    <tr><select>
    <td><option value="1">Стоимость сумма</option></td>
    <td><option value="2">Стоимость сумма</option></td>
    </select></tr>
    </table>
     
  4. fullgod

    fullgod

    Регистр.:
    19 апр 2008
    Сообщения:
    216
    Симпатии:
    33
    Можно по-подробней по поводу варианта на js.

    Не то.

    По логике смысл такой:

    <select>
    <option value="1">
    <table>
    <tr>
    <td align="left">Стоимость</td>
    <td align="right">сумма</td>
    </tr>
    </table>
    </option>
    </select>

    Но не работает такой вариант.
     
  5. SiZE

    SiZE Постоялец

    Регистр.:
    31 янв 2010
    Сообщения:
    51
    Симпатии:
    10
    Для того что бы использовать таблицы в select его надо подменить. Предлагаю более простое решение
    HTML:
    
    <span id="cnt">Количество</span>
    <select onchange="doMath( this );">
    <option value="1">Стоимость 1</option>
    <option value="2">Стоимость 2</option>
    </select>
    <span id="val">Сумма</val>
    <script type="text/javascript">
    var d = document;
    function doMath ( obj ) {
     d.getElementById('val').value = d.getElementById('cnt').value * this.value
     return;
    }
    </script>
    
    P.S. Количество и значения стоимостей заменить числами. На ошибки не проверял.
     
  6. fullgod

    fullgod

    Регистр.:
    19 апр 2008
    Сообщения:
    216
    Симпатии:
    33
    Не работает. Либо я что-то не так делаю.
    Ниже пример того, что должно получиться.

    [​IMG]
     
  7. xshrek

    xshrek Писатель

    Регистр.:
    26 ноя 2008
    Сообщения:
    5
    Симпатии:
    0
    в такой ситуации лучше использовать элементы ul li вместо стандартного select, а поведение их уже реализовать на JS
     
Статус темы:
Закрыта.