Текст сбоку от поля

Тема в разделе "Верстка", создана пользователем gamera, 2 июн 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. gamera

    gamera Постоялец

    Регистр.:
    15 мар 2010
    Сообщения:
    117
    Симпатии:
    6
    Всем привет, помогите сделать текст (Название поля, например name, surname) с боку от поля, уже голову сломал не могу сделать, постоянно не получается, приложил архив со страницей и css
    Перейти по ссылке
     
    Последнее редактирование: 2 июн 2015
  2. denverkurt

    denverkurt Denve®

    Регистр.:
    23 дек 2013
    Сообщения:
    685
    Симпатии:
    376
    попробуйте так:
    Код:
    .registr-page label, #ask-question-inline label {
      display: inline-block;
    }
    input[type="text"]{
      display: inline-block;
    }
    
    когда указан display: block; это означает что получится блочный объект во всю ширину
    также можно совместно с display: block; использовать обтекание слева или справа float: left|right;
    как вам больше нравится.
     
    gamera нравится это.
  3. gamera

    gamera Постоялец

    Регистр.:
    15 мар 2010
    Сообщения:
    117
    Симпатии:
    6
    Сделал, ничего не сменилось Перейти по ссылке
     
  4. denverkurt

    denverkurt Denve®

    Регистр.:
    23 дек 2013
    Сообщения:
    685
    Симпатии:
    376
    конечно не изменилось, если у вас все в ширину не входит, то опускается вниз.

    подгоняйте ширину label и input чтобы умещались рядом
     
  5. gamera

    gamera Постоялец

    Регистр.:
    15 мар 2010
    Сообщения:
    117
    Симпатии:
    6
  6. denverkurt

    denverkurt Denve®

    Регистр.:
    23 дек 2013
    Сообщения:
    685
    Симпатии:
    376
    непонятно о каком отступе идет речь. страница не в онлайне?
     
  7. gamera

    gamera Постоялец

    Регистр.:
    15 мар 2010
    Сообщения:
    117
    Симпатии:
    6
    К сожалению нет, я уже исправил эту проблему, теперь хочу спросить, а как текст сделать чтобы он был к форме
    вот как сейчас:
    Перейти по ссылке а как сделать чтобы было вот так:
    Перейти по ссылке
     
  8. denverkurt

    denverkurt Denve®

    Регистр.:
    23 дек 2013
    Сообщения:
    685
    Симпатии:
    376
    Код:
    text-align: right;
    если будет впритык к полям, добавить поля справа
    Код:
    padding-right: 15px;
    эти стили добавить к label естественно
    также использование полей может привести к увеличению общей ширины блока. возможно пришется уменьшать свойство width
     
    perfectartyshock нравится это.