Страница 1 из 1
CSS: ветикальное направление набора текста
Добавлено:
Пн дек 04, 2006 16:30
Muerto
Народ! Вопрос о возможностях ЦСС. Есть ли вариант изменить направление набора текста по вертикали. Что-то типа direction:ltr;, но для вертикали. Иначе говоря, чтобы текст (на самом деле нужно чтобы куча картинок так позиционировались) позиционировался в блоке таким образом:
................А это последняя
................<br>Это вторая
.....<br>Это первая строка
P.-S. ТОЛЬКО СРЕДСТВАМИ ЦСС!
Добавлено:
Ср дек 06, 2006 11:36
PALOMINO
Шото я хреновато тя понял, больно шото мне сегодня думается.
Но если нужно, чтобы картинки стали блочными элементами, то вот те код:
- Код: Выделить всё
<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>
Кажись так.
Добавлено:
Ср дек 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]
Как эта хрень работатет?
Если она меняет расположение елементов с права на лево, то это и есть решение.
Нужно поменять расположение елементов с права на лево + сделать их блочными.
З.Ы. Сам не пробовал...
Добавлено:
Ср дек 06, 2006 13:42
PALOMINO
Млять!!! Попробывал -- не работает...
Думается мне шо такую махинацию средствами 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
снизу-вверх: заносим все превьюхи в массив а затем
массив.реверс и циклом строим
Добавлено:
Вт янв 09, 2007 21:41
Muerto
Padonak писал(а):снизу-вверх: заносим все превьюхи в массив а затем
массив.реверс и циклом строим
А строим, надо полагать абсолютным позиционированием в зависимости от видимой области экрана!
Мне ж главное было чтобы неполный последний ряд был вверху, а он по любому внизу.
Добавлено:
Чт янв 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: да ну его в пень. если оно тебе не нужно уже чо тогда ковырять? слушай а код ведь не ты писал я надеюсь?
Добавлено:
Чт янв 11, 2007 21:54
Muerto
2Padonak: Какой код? Вообще-то сайт делал я. Ну если ты там недочёты в коде нашёл - так это из-за того, что приходилось на коленке постоянно доделывать всякие клиентские прихоти. А что там страшного?
Добавлено:
Пт янв 12, 2007 1:03
Padonak
ну смертельного ничего не нашел однако вот такое присутствует :
solid;
background"-color-#e5e5e5;" padding:
ну доктайп не нашел и валидатор фаерфоксовский матюкалсо кое на что. да бог с ним смертельного там конечно ничего не было. если голову постоянно клевали так можно было вполне чота пропустить.
Добавлено:
Пт янв 12, 2007 1:37
Muerto
2Padonak: Да уж. Всю лысину прогрызли. Слава Джа, отстали уже.