VPF::Описание абзаца - Форум программистов

roskov

Дата 18.2.2009, 14:51 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 16
Регистрация: 17.8.2007

Репутация: нет
Всего: нет

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

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

bars80080

Дата 18.2.2009, 15:07 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

для блока справа пишем: <div style="float: right;">

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

roskov

Дата 18.2.2009, 18:46 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 16
Регистрация: 17.8.2007

Репутация: нет
Всего: нет

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

Код


...
<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 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15

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>

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »