Показано с 1 по 11 из 11

Тема: Сдвиг начиная со второй строчки

  1. #1

    Регистрация
    22.09.2006
    Сообщений
    36
    Есть конструкция такая:
    <div>Имя поля:Текст поля</div>

    Нужно что бы <Текст поля> имел слева заданный сдвиг, но только начиная со второй строчки! Т.е. в браузере должно выглядеть примерно так:
    Код:
    Имя поля: текст текст 
     * текст текст.
    Стиль можно задавать для любого тега, но лучше обойтись стилем для второго спана.

    Можно ли так? Заранее благодарю...

  2. #2

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    а поле это input?

  3. #3

    Регистрация
    22.09.2006
    Сообщений
    36
    Originally posted by Zigzag@Dec 6 2006, 21:54
    а поле это input?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Нет. Пример:

    Код:
    Описание: Zigzag и его
     * * *достижения.
    "Описание" - это <имя поля>.
    "Zigzag и его достижения." - это <текст поля>.

  4. #4

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    первое, что пришло в голову, возможно, есть и более оптимальные варианты, для наглядности дал цвет бэкграуду.

    Код:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    <head>
    ****<title>Untitled</title>
    <style>
    div {
    ****width: 150px;
    }
    p span {
    ****display: block;
    ****float: left;
    ****position: relative;
    ****left: -20 px;
    ****background: red;
    }
    p {
    ****background: blue;
    }
    </style>
    </head>
    <body>
    <div>
    
    
    Описание:Zigzag и его женщины ;).</p>
    </div>
    </body>
    </html>

  5. #5

    Регистрация
    25.07.2005
    Сообщений
    39
    text-indent: -2em; margin-left: 2em

  6. #6

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    Originally posted by MacTpuK@Dec 7 2006, 11:45
    text-indent: -2em; margin-left: 2em
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    как я понял, блок описание является отдельным блоком, потому, думаю, ваш вариант не совсем подходит, хотя даст тот же эффект, я же подумал о том, чтобы элемент был выделен даже при отключенном CSS.

  7. #7

    Регистрация
    22.09.2006
    Сообщений
    36
    Zigzag, Ваш код, простите, не работает. Точнее просто криво отображает... например в ИЕ 7.0.

    Код MacTpuK-а помог.

    Всем спасибо:)

  8. #8

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    простите, но под ИЕ7 преждевременно оптимизировать. а в правильных браузерах он работает, как положено! код мастрика не поможет для семантического выделения заголовка поля, но дело ваше.

  9. #9

    Регистрация
    22.09.2006
    Сообщений
    36
    Originally posted by Zigzag@Dec 9 2006, 11:51
    простите, но под ИЕ7 преждевременно оптимизировать. а в правильных браузерах он работает, как положено!
    Ну не знаю, у меня он неработает нигде

    <div class='quotetop'>Цитата</div>
    код мастрика не поможет для семантического выделения заголовка поля, но дело ваше.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/b][/quote]

    Почему не поможет? Все очень хорошо с семантикой.

  10. #10

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    Originally posted by Petrav@Dec 9 2006, 16:29
    Ну не знаю, у меня он неработает нигде
    Почему не поможет? Все очень хорошо с семантикой.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    странно, кажите свою ОС и браузеры, плз.

    я говорю о том, что когда отключишь CSS, то не увидишь этого выделения, а ведь поисковики не видят CSS, если вы поняли, о чем я...

  11. #11

    Регистрация
    22.09.2006
    Сообщений
    36
    Originally posted by Zigzag@Dec 9 2006, 16:47
    странно, кажите свою ОС и браузеры, плз.

    я говорю о том, что когда отключишь CSS, то не увидишь этого выделения, а ведь поисковики не видят CSS, если вы поняли, о чем я...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    ВинХП. Браузеры обычные ИЕ, ФФ и Опера последних версий... Например, в опере первая буква "О" в вашем случае уезжает за край окна и не видна в результате.

    По поводу семантики я имел в виду наглядность хтмл кода... с этим все нормально в варианте... не вашем. Речь ведь шла о сдвиге - т.е. сугубо визуальном эффекте. Причем тут поисковики я не понимаю.

Похожие темы

  1. Мой второй проект с онлайн фильмами
    от NOMAD в разделе Дизайн сайтов
    Ответов: 0
    Последнее сообщение: 09.01.2012, 21:40
  2. Не получается задать высоту строчки.
    от WEB_bobby в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 14.11.2007, 02:32
  3. Что означают строчки?
    от Lucky_best в разделе Веб-программирование
    Ответов: 6
    Последнее сообщение: 21.04.2007, 01:39
  4. а вот второй ракурс
    от DU в разделе 3D-технологии
    Ответов: 2
    Последнее сообщение: 21.06.2005, 10:46
  5. Апачь второй под win XP.....
    от AIR™ в разделе Софт и железо
    Ответов: 7
    Последнее сообщение: 28.03.2004, 12:13

Ваши права

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