Страница 1 из 1

CSS: ветикальное направление набора текста

СообщениеДобавлено: Пн дек 04, 2006 16:30
Muerto
Народ! Вопрос о возможностях ЦСС. Есть ли вариант изменить направление набора текста по вертикали. Что-то типа direction:ltr;, но для вертикали. Иначе говоря, чтобы текст (на самом деле нужно чтобы куча картинок так позиционировались) позиционировался в блоке таким образом:

................А это последняя
................<br>Это вторая
.....<br>Это первая строка


P.-S. ТОЛЬКО СРЕДСТВАМИ ЦСС!

СообщениеДобавлено: Ср дек 06, 2006 11:36
PALOMINO
Шото я хреновато тя понял, больно шото мне сегодня думается. -07- Но если нужно, чтобы картинки стали блочными элементами, то вот те код:

Код: Выделить всё
<style type="text/css">
.block_img img
{
     display:block; <!-- default: inline -->
}
</style>

<div class="block_img">
<img src="1.jpg" width="100" height="100" alt="">
<img src="2.jpg" width="100" height="100" alt="">
<img src="3.jpg" width="100" height="100" alt="">
</div>



Кажись так. -01-

СообщениеДобавлено: Ср дек 06, 2006 11:45
Muerto
2PALOMINO: Поясняю. Если в твоём коде сделать .block_img {width: 100px; text-valign: bottom;}, то картинки в блоке расположатся по мере их поступления в блок так:

первая поступившая
вторая поступившая
третья поступившая
,

а мне надо так:


третья поступившая
вторая поступившая
первая поступившая

Re: CSS: ветикальное направление набора текста

СообщениеДобавлено: Ср дек 06, 2006 12:15
PALOMINO
[quote="Muerto"] Что-то типа direction:ltr;, [quote]

Как эта хрень работатет? -07-

Если она меняет расположение елементов с права на лево, то это и есть решение.

Нужно поменять расположение елементов с права на лево + сделать их блочными.

З.Ы. Сам не пробовал...

СообщениеДобавлено: Ср дек 06, 2006 13:42
PALOMINO
Млять!!! Попробывал -- не работает... -20-

Думается мне шо такую махинацию средствами CSS провернуть не выйдет...

СообщениеДобавлено: Ср дек 06, 2006 17:58
Muerto
2PALOMINO: Я тоже так решил и забил уже на это.

СообщениеДобавлено: Вт янв 09, 2007 0:59
Padonak
2Muerto:

не размножай мосх браза пиши цикл который вставит <br /> после каждого из childNodes этого дива по условию if(childNodes[i].tagName == "IMG") и да пребудет с тобой шворц :-)

СообщениеДобавлено: Вт янв 09, 2007 2:03
Muerto
2Padonak: Не пройдёт. Пробывал. В таком случае выстраиваются в столбец.

СообщениеДобавлено: Вт янв 09, 2007 8:12
Padonak
ну так а разве не это нужно???! или я сдуру не совсем въехал в проблему?

СообщениеДобавлено: Вт янв 09, 2007 10:51
Muerto
2Padonak: Да забей! Я уже всё по другому переделал! Просто допустим на http://saiwala.ru/catalog/gras/ превьюхи товара строятся рядами, но сверху вниз, а мне надо было снизу вверх.

СообщениеДобавлено: Вт янв 09, 2007 20:00
Padonak
снизу-вверх: заносим все превьюхи в массив а затем массив.реверс и циклом строим -03-

СообщениеДобавлено: Вт янв 09, 2007 21:41
Muerto
Padonak писал(а):снизу-вверх: заносим все превьюхи в массив а затем массив.реверс и циклом строим -03-
А строим, надо полагать абсолютным позиционированием в зависимости от видимой области экрана! -02- Мне ж главное было чтобы неполный последний ряд был вверху, а он по любому внизу.

СообщениеДобавлено: Чт янв 11, 2007 2:09
Padonak
нихрена не понял если честно. зачем абсолютное позиционирование? строй их в чем хочешь - ну например в параграфе. а после самого последнего при занесении в массив добавь <br />. тогда он после разворота массива будет сверху один а потом уже остальные построятсо. не совсем представляю конечно чо ты там делаешь поэтому возможно и пишу херь но я бы так и сделал.

СообщениеДобавлено: Чт янв 11, 2007 2:19
Muerto
2Padonak: Да ты просто посмотри код и попробуй построй.

СообщениеДобавлено: Чт янв 11, 2007 2:25
Padonak
2Muerto: так где он этот код-то?!

СообщениеДобавлено: Чт янв 11, 2007 2:28
Muerto
http://saiwala.ru/catalog/gras/ Только имей в виду, что превьюх может быть произвольное кол-во.

СообщениеДобавлено: Чт янв 11, 2007 2:30
Padonak
2Muerto: блин ты как ниндзя - не показывает что ты на форуме... лана посмотрю тока не щас а то уже спать надо. если чонить сделаю то напишу тут

СообщениеДобавлено: Чт янв 11, 2007 2:37
Muerto
2Padonak: Ок, хоть это уже для меня закрытый проект.

СообщениеДобавлено: Чт янв 11, 2007 11:08
Muerto
2Padonak: Вообще-то там под NetCat всё сделано. Могу код шаблона выложить. И, кстати, RTFM в смысле Read The First Message. Я писал "ТОЛЬКО СРЕДСТВАМИ ЦСС!", это как раз потому, что лабать в шаблон лишний код не всегда получается. Но, если ты придумаешь что-нибудь интересное - я попробую внедрить.

СообщениеДобавлено: Чт янв 11, 2007 21:26
Padonak
2Muerto: да ну его в пень. если оно тебе не нужно уже чо тогда ковырять? слушай а код ведь не ты писал я надеюсь? -08-

СообщениеДобавлено: Чт янв 11, 2007 21:54
Muerto
2Padonak: Какой код? Вообще-то сайт делал я. Ну если ты там недочёты в коде нашёл - так это из-за того, что приходилось на коленке постоянно доделывать всякие клиентские прихоти. А что там страшного?

СообщениеДобавлено: Пт янв 12, 2007 1:03
Padonak
ну смертельного ничего не нашел однако вот такое присутствует :

solid; background"-color-#e5e5e5;" padding: -02-

ну доктайп не нашел и валидатор фаерфоксовский матюкалсо кое на что. да бог с ним смертельного там конечно ничего не было. если голову постоянно клевали так можно было вполне чота пропустить.

СообщениеДобавлено: Пт янв 12, 2007 1:37
Muerto
2Padonak: Да уж. Всю лысину прогрызли. Слава Джа, отстали уже.