+ Ответить в теме
Показано с 1 по 7 из 7

Тема: Сполз один элемент, на 1px, как поправить?

  1. #1
    Новичок Gari на пути к лучшему Аватар для Gari
    Регистрация
    13.11.2017
    Сообщений
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Сполз один элемент, на 1px, как поправить?

    Доброго времени суток уважаемые форумчане.
    Сделал форму, сполз input на против label "дом" буквально на 1px помогите поправить и не хватает опыта понять почему он сполз объясните плз.
    Заранее благодарен

  2. #2
    Местный Degradator на пути к лучшему Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    1,824
    Thanks
    140
    Thanked 137 Times in 137 Posts
    я не понял что куда сползло, на мой взгляд выглядит неплохо. Инпут по умолчанию является строковым элементом, и он выравнивается по вертикали также как и обычный текст (чтобы поместить вводимое значение на одной высоте с другим текстом).
    Можно придумывать что-то при помощи line-height, vertical-align, padding, margin и проч, но при работе со строчными элементами это всегда геморрой.
    Поэтому, обычно я не работаю со строчными элементами, а делаю их блочными, через display: block.

    Вобще, самым простым и сердитым решением является задние position: relative, top, left:
    <div>
    text <input style="position:relative;top: -10px; left: 16px;"/>
    </div>

  3. #3
    Новичок Gari на пути к лучшему Аватар для Gari
    Регистрация
    13.11.2017
    Сообщений
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Цитата Сообщение от Degradator Посмотреть сообщение
    я не понял что куда сползло, на мой взгляд выглядит неплохо. Инпут по умолчанию является строковым элементом, и он выравнивается по вертикали также как и обычный текст (чтобы поместить вводимое значение на одной высоте с другим текстом).
    Можно придумывать что-то при помощи line-height, vertical-align, padding, margin и проч, но при работе со строчными элементами это всегда геморрой.
    Поэтому, обычно я не работаю со строчными элементами, а делаю их блочными, через display: block.

    Вобще, самым простым и сердитым решением является задние position: relative, top, left:
    <div>
    text <input style="position:relative;top: -10px; left: 16px;"/>
    </div>
    Не могу разобраться, все время на что то ругань, можете показать, как вставить в код?

  4. #4
    Местный Degradator на пути к лучшему Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    1,824
    Thanks
    140
    Thanked 137 Times in 137 Posts
    все время на что то ругань
    Самое время начать жить без родителей
    показать, как вставить в код?
    Попробуй выделить его, потом ctrl+c, выбрать куда вставить, нажать ctrl+v

  5. #5
    Новичок Gari на пути к лучшему Аватар для Gari
    Регистрация
    13.11.2017
    Сообщений
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Надеюсь и вам так же и только так будут помогать. Великолепный ответ.
    Как сделать? - Руками....
    Просто браво.

  6. #6
    Новичок Gari на пути к лучшему Аватар для Gari
    Регистрация
    13.11.2017
    Сообщений
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Решение

    <input style="position:relative; right: 2px;" type="text" id="dom" required />

  7. #7
    Местный Degradator на пути к лучшему Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    1,824
    Thanks
    140
    Thanked 137 Times in 137 Posts

+ Ответить в теме

Похожие темы

  1. Ответов: 2
    Последнее сообщение: 21.11.2014, 14:06
  2. Как поправить JS
    от SADD в разделе JavaScript
    Ответов: 0
    Последнее сообщение: 28.03.2012, 07:00
  3. Ответов: 2
    Последнее сообщение: 07.10.2009, 13:43
  4. Не поправить элементарное.
    от Karlos в разделе HTML
    Ответов: 2
    Последнее сообщение: 14.10.2007, 16:42

Метки этой темы

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения

 

canlı tv film izle