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

Тема: Блочные элементы в ряд

  1. #1

    Регистрация
    16.04.2007
    Сообщений
    23

    Делаю "шапку" сайта.
    Возник вопрос:
    Как сделать вот что:
    <div class=&#39;body&#39;>
    <block_tag class=&#39;logo1&#39;>Картинка логотипа 1</block_tag>
    <block_tag class=&#39;center&#39;>"Растянутый" 1 пиксельный фон</block_tag>
    <block_tag class=&#39;logo2&#39;>Картинка логотипа 2</block_tag>
    </div>
    (см. рисунок)

    block_tag - не знаю какой тут тег правильно использовать. с DIV - не получается

    Вопросы:
    1. общий вопрос: как сделать "в ряд" блочные элементы? Если выставлю им display:inline - боюсь потерять контроль над свойствами height, width и пр.

    Может использовать что-то иное кроме DIV&#39;ов?

    2. Как в DIV элементе сделать "прилипание" одного элемента к левому краю, "растяжение" другого - по центру, а третий "прилепить" к правому краю?


    Может есть ссылки - где почитать?


    Спасибо

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by dennis_ru@Apr 16 2007, 02:16
    1. общий вопрос: как сделать "в ряд" блочные элементы? Если выставлю им display:inline - боюсь потерять контроль над свойствами height, width и пр.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Код:
    <div id="header"> 
     *<div id="left">Картинка логотипа 1</div>
     *<div id="right">Картинка логотипа 2</div>
    </div>
    CSS:

    Код:
    #left {float: left;}
    #right {float: right;}
    Originally posted by dennis_ru@Apr 16 2007, 02:16
    Может использовать что-то иное кроме DIV&#39;ов?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Теоретически "зафлоатить" можно все, что угодно...
    При этом любой строчный элемент становится блочным...

    Originally posted by dennis_ru@Apr 16 2007, 02:16
    Может есть ссылки - где почитать?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    [Только зарегистрированные пользователи могут видеть ссылки. ]

Похожие темы

  1. Заменяем элементы списка картинками
    от Грин в разделе Вёрстка сайта
    Ответов: 12
    Последнее сообщение: 22.09.2007, 19:16
  2. Вложенные элементы.
    от Romio в разделе Веб-программирование
    Ответов: 2
    Последнее сообщение: 14.08.2007, 13:37
  3. Как изменить элементы при помощи CSS
    от the end в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 31.03.2007, 16:42
  4. css, элементы в одну строку с выравниванием
    от vsb в разделе Вёрстка сайта
    Ответов: 4
    Последнее сообщение: 17.06.2006, 00:30

Ваши права

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