Работа с CSS + html

Тема в разделе "Другие языки", создана пользователем kaspruk, 24 июн 2009.

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

    kaspruk Постоялец

    Регистр.:
    8 янв 2007
    Сообщения:
    61
    Симпатии:
    16
    Здравствуйте!
    Есть элемент span и input. span появляется при наведении мышки на поле input (верхний рисунок).
    Проблема в том, что этих элементов несколько, и при переносе в конце строки, input переносится на следующую строку, а span появляется в конце прошлой, что очень неудобно (нижний рисунок). См. файл:
    http://smallbig.com.ua/userfiles/image/page.jpg
    HTML:
    <span style="visibility:hidden; position:absolute; margin-top:20px;">зеленая</span>
    <input type="text" name="word3" value="Зеленая" />
     
  2. serg_g

    serg_g Создатель

    Регистр.:
    31 окт 2008
    Сообщения:
    35
    Симпатии:
    9
    вот так переносит оба элемента
    HTML:
    
    <span style="white-space : nowrap;">
    <span style="visibility:hidden; position:absolute; margin-top:20px;">зеленая</span><input type="text" name="word3" value="Зеленая" />
    </span>
    
     
    kaspruk нравится это.
  3. kaspruk

    kaspruk Постоялец

    Регистр.:
    8 янв 2007
    Сообщения:
    61
    Симпатии:
    16
    спасибо, все заработало. Но проблема в том что в Mozilla Firefox и IE все работает на 5+, а когда проверил в Опере 9.61, почему-то есть сдвиги в правую сторону, хотя по спецификации должно все работать: http://www.quirksmode.org/css/whitespace.html
     
Статус темы:
Закрыта.