Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Описание абзаца


Автор: roskov 18.2.2009, 14:51
user posted image

Есть текст... И справа у него может стоять блок описания. 
Какие есь варианты решения?

Пробывал что-то делать с position: absolute; но так и не получилось его прикрутить к правом краю.
Если делать таблицей, то теоретически нужно будет каждый абзац загонять в <TR>, что по-мойму ужасно и тапорно.
Можете что-нибудь ещё предложить?

Автор: bars80080 18.2.2009, 15:07
для блока справа пишем: <div style="float: right;">

Добавлено через 1 минуту и 2 секунды
но если имеется ввиду не полное обтекание, а вынести за поля, то position: absolute; однозначно. тогда показывайте код, что там у вас не получилось

Автор: roskov 18.2.2009, 18:46
Да, надо вынести его за поля.
Структура получается следующая:

Код

...
<div style="width: 75%; background: #333333; float: left;">
На сайте используются следующие шрифты в порядке убывания приоритета - Тimes, Georgia. 
Основной кегль, применяемый для текста страниц - 14 pt. Интерлиньяж - 22 pt. Цвет - 464646. 
Этот абзац набран как как обычный текст. Заголовок второго уровня набирается прописными 
буквами гарнитурой Tahoma, кегль 25 pt, цвет - #000000. Перед заголовком второго уровня 
пропускают примерно две строчки, после заголовка делается отступ равный ообычному абзацному.
  <div style="position: absolute; width: 215px;">
    Вот тут как я понимаю мы вставляем блок, который нужно вынести. Только я не совсем понимаю, как можно так 
    правильно спозиционировать этот блок, чтобы он выехал ровно за поля и куда нужно, если два основных 
    блока динамические (75%на25%).
  </div>
</div>
<div style="width: 25%; background: #888888; float: left;">
<!-- Это пустой блок, который был сделано только для отступа или чего-то ещё в будущем -->
</div>
...

Автор: Violator 18.2.2009, 20:01
roskov, 
я правильно понял, вам такой вариант нужен?
Код

<div style="width: 75%; background: #333333; float: left; position:relative;">
На сайте используются следующие шрифты в порядке убывания приоритета - Тimes, Georgia. 
Основной кегль, применяемый для текста страниц - 14 pt. Интерлиньяж - 22 pt. Цвет - 464646. 
Этот абзац набран как как обычный текст. Заголовок второго уровня набирается прописными 
буквами гарнитурой Tahoma, кегль 25 pt, цвет - #000000. Перед заголовком второго уровня 
пропускают примерно две строчки, после заголовка делается отступ равный ообычному абзацному.
  <div style="position: absolute; width: 215px; top: 0; right:-215px;">
    Вот тут как я понимаю мы вставляем блок, который нужно вынести. Только я не совсем понимаю, как можно так 
    правильно спозиционировать этот блок, чтобы он выехал ровно за поля и куда нужно, если два основных 
    блока динамические (75%на25%).
  </div>
</div>
<div style="width: 25%; background: #888888; float: left;">
<!-- Это пустой блок, который был сделано только для отступа или чего-то ещё в будущем -->
</div>

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)