Форум Сайтостроение Веб-строительство

Помогите разобраться. Вопрос про css,надо сделать нереальное.Если это вообще возможно

BadBoy
На сайте с 31.01.2005
Offline
291
BadBoy
652

Суть вопроса такая.

Представьте, что есть страница, наполненная текстом. И есть небольшой текст, который находится снизу или сверху всего этого основного текста. И надо сделать так, чтобы этот отрывок текста был размещен по середине (или по середине и справа или слева) всего основного текста.

Так вот вопрос, реально ли с помощью css это реализовать, не трогая код основного текста???

смотрите картинки, так будет нагляднее.

Вот что имеем изначально.

А вот что надо получить, при помощи css

Ну грубо говоря, что бы основной текст "обтекал" небольшой текст.

D
На сайте с 16.05.2007
Offline
0
Dantez
#1

Слоем можно положить, только чтобы не уехало основной текст тоже в слой засунуть или в таблицу. 

<div style="margin:5px; float:left;">Текст</div>

Так же советуем посмотреть это и вообще про вёрстку на данном сайте.

http://htmlbook.ru/content/?id=99

dkameleon
На сайте с 09.12.2005
Offline
386
dkameleon
#2
BadBoy:
А вот что надо получить, при помощи css

Думаю, что не реально получить обтекание с позиционированием по высоте.

Разве что по левому/правому краям.

Дизайн интерьера (http://balabukha.com/)
BadBoy
На сайте с 31.01.2005
Offline
291
BadBoy
#3
Dantez:
Слоем можно положить, только чтобы не уехало основной текст тоже в слой засунуть или в таблицу.

Не подходит такая идея, так как если у нас будет 2 слоя, то второй слой будет закрывать первый, поэтому не катит так :(

dkameleon:
Думаю, что не реально получить обтекание с позиционированием по высоте.

я думаю, что мою идею нереально осуществить.

dkameleon:
Разве что по левому/правому краям.

в каком смысле? как картинку?

ну если как картинку, то это тоже думаю будет сделать проблематично.

[Удален]
#4

Я видел такое решение.

Подгружалось яваскриптом в виде модуля, прямо в середине текста, да ещё и содержимое модуля при просмотре постоянно менялось.

В этом модуле были выведены ссылки моих конкурентов, поэтому я нашел этот сайт в Яндексе по запросу.

Shtogrin
На сайте с 02.11.2006
Offline
95
Shtogrin
#5

Одним CSS никак. Можно CSS + JavaScript после загрузки страницы вставить в нужное место текстового innerHTML меньший блок. Но это немного извращение

www.shtogrin.com (http://www.shtogrin.com/). Канцтовары (http://www.invit.com.ua/). 1С Бухгалтерия (http://account.kiev.ua/).
Kide
На сайте с 29.03.2007
Offline
69
Kide
#6
Федорыч:
Я видел такое решение.
Подгружалось яваскриптом в виде модуля, прямо в середине текста, да ещё и содержимое модуля при просмотре постоянно менялось.
В этом модуле были выведены ссылки моих конкурентов, поэтому я нашел этот сайт в Яндексе по запросу.

+1

CSS + JavaScript

Но, в зависимости, от движка, можно сделать и прямым css...

Но тут надо выделять "спецблок" под данный контент...

Hasta La Victoria Siempre!
Kolyaj
На сайте с 28.03.2006
Offline
69
Kolyaj
#7

Если я вас правильно понял, у вас приблизительно следующая структура html 

<p>текст1 текст1 текст1 текст1 текст1 </p>

<div>текст2 текст2 текст2 текст2 текст2 текст2 </div>

<p>продолжение текста 1 продолжение текста 1 продолжение текста 1 </p>

Если так, то достаточно 

  div {

    width: 100px;

    float: left;

  }

P.S. Видимо все-таки неправильно понял :)

Ayavryk
На сайте с 11.10.2003
Offline
209
Ayavryk
#8

Недавно делал что-то в этом роде: http://casper.x9.ru/

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
BadBoy
На сайте с 31.01.2005
Offline
291
BadBoy
#9
Ayavryk:
Если я вас правильно понял

нет, не так.


<p>текст1 текст1 текст1 текст1 текст1 </p> 
<p>продолжение текста 1 продолжение текста 1 продолжение текста 1 </p>
<div>текст2 текст2 текст2 текст2 текст2 текст2 </div>

вот так правильнее, смотрите рисунки в первом посте.

Ayavryk:
Недавно делал что-то в этом роде

ну примерно, только мой текст надо с самого низа подымать.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий