X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Div справа внизу с обтеканием текста
vav_hb
vav_hb
Topic Starter сообщение 7.2.2010, 22:52; Ответить: vav_hb
Сообщение #1


Div справа внизу с обтеканием текста

Возникла проблема, как сделать чтобы слой был прижат к правому нижнему углу и при этом обтекался текстом.

пример кода который используется, только в этом случае див находится вверху справа, как его прижать к низу?

.begarticle{
float: right;
margin-left: 8px;
width: 200px;
padding: 1%;
}



<div class="begarticle">
Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст
Некоторый текст Некоторый текст Некоторый текст Некоторый текст
Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст
Некоторый текст Некоторый текст Некоторый текст
</div>

<p>Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст м Некоторый текст Некоторый текст
Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст
Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текстНекоторый текстНекоторый текстНекоторый текст</p>

<p>Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текстНекоторый текст Некоторый текст Некоторый текст
Некоторый текст Некоторый текст Некоторый текст Некоторый текстНекоторый текст Некоторый текст
Некоторый текстНекоторый текст Некоторый текстНекоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст</p>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sikwel_hb
sikwel_hb
сообщение 9.2.2010, 13:21; Ответить: sikwel_hb
Сообщение #2


Уважаемый, по моему вы просите невозможного, так навскидку я не могу сказать, что такое осуществить невозможно, нужно сначала много всего перепробовать, а на это нужно очень много времени.

единственное решение быстро пришедшее в голову, это расположение блока без обтекания, у блока должна быть жестко задана ширина, примерно код выглядит так:
<div class="container">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<div class="begarticle"></div>
</div>


CSS:
[PHP].container { position:relative;}

.begarticle {
position:relative;
margin-left:100%;
left:-100px;
height:100px;
width:100px;
background:red;

}[/PHP]

не right:0; вместо margin-left:100%; и left:-100px;, потому что если расположить по right:0; то ие6, если ширина у блока родителя (container) будет нечетная, отобразит отступ между блоком и блоком родителем в 1 пиксель. Если это не существенно, то можно вместо margin-left:100%; и left:-100px; поставить просто right:0;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vav_hb
vav_hb
Topic Starter сообщение 16.3.2010, 11:46; Ответить: vav_hb
Сообщение #3


Один из важных пунктов задачи как раз является обтекание, без него, собственно задача решается на раз.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NDL
NDL
сообщение 31.1.2011, 22:38; Ответить: NDL
Сообщение #4


В принципе задачу решить и с обтеканием. Надо добавить в текст изображение (любое, величиной со слой) и задать ему обтекание текстом как Вам надо, поставив где Вам надо . Потом создать нужный слой (при этом поставив ему абсолютное позиционирование) и им перекрыть изображение. Хоть это всё нудно, но я лично другого решения не вижу.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Перевод текста в речь нейросетями - сервис Zvukogram
13 Zvukogram 7220 19.2.2024, 18:16
автор: freon_mr777
Открытая тема (нет новых ответов) 📌 Рандомизация видео/аудио/фото/текста с минимальным участием - 𝓓𝓮𝓵𝓽𝓪𝓣𝓸𝓸𝓵𝓼
Мы предлагаем комплексное решение для рандомизации всех видов офера
2 leviathan 1379 29.1.2024, 21:29
автор: leviathan
Открытая тема (нет новых ответов) Нужен перевод текста с RU на UZ
0 REGNET 769 22.2.2023, 15:17
автор: REGNET
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1599 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) Наполнение сайта Автотематики (написание текста с размещением)
Ищу человека для длительного сотрудничества
2 NYLesha 1836 1.8.2022, 23:22
автор: NYLesha


 



RSS Текстовая версия Сейчас: 24.4.2024, 9:11
Дизайн