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

Старый mweb

Модератор: [mweb team]

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

Сообщение Muerto Пн дек 04, 2006 16:30

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

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


P.-S. ТОЛЬКО СРЕДСТВАМИ ЦСС!
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение PALOMINO Ср дек 06, 2006 11:36

Шото я хреновато тя понял, больно шото мне сегодня думается. -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-
Если биться головой о стену, то можно терять 150 калорий в час!
Аватара пользователя
PALOMINO
Редко заходит
 
Сообщения: 104
Зарегистрирован: Ср фев 08, 2006 16:01
Откуда: Днепропетровск

Сообщение Muerto Ср дек 06, 2006 11:45

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

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

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


третья поступившая
вторая поступившая
первая поступившая
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

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

Сообщение PALOMINO Ср дек 06, 2006 12:15

[quote="Muerto"] Что-то типа direction:ltr;, [quote]

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

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

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

З.Ы. Сам не пробовал...
Если биться головой о стену, то можно терять 150 калорий в час!
Аватара пользователя
PALOMINO
Редко заходит
 
Сообщения: 104
Зарегистрирован: Ср фев 08, 2006 16:01
Откуда: Днепропетровск

Сообщение PALOMINO Ср дек 06, 2006 13:42

Млять!!! Попробывал -- не работает... -20-

Думается мне шо такую махинацию средствами CSS провернуть не выйдет...
Если биться головой о стену, то можно терять 150 калорий в час!
Аватара пользователя
PALOMINO
Редко заходит
 
Сообщения: 104
Зарегистрирован: Ср фев 08, 2006 16:01
Откуда: Днепропетровск

Сообщение Muerto Ср дек 06, 2006 17:58

2PALOMINO: Я тоже так решил и забил уже на это.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Padonak Вт янв 09, 2007 0:59

2Muerto:

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

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону

Сообщение Muerto Вт янв 09, 2007 2:03

2Padonak: Не пройдёт. Пробывал. В таком случае выстраиваются в столбец.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Padonak Вт янв 09, 2007 8:12

ну так а разве не это нужно???! или я сдуру не совсем въехал в проблему?
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону

Сообщение Muerto Вт янв 09, 2007 10:51

2Padonak: Да забей! Я уже всё по другому переделал! Просто допустим на http://saiwala.ru/catalog/gras/ превьюхи товара строятся рядами, но сверху вниз, а мне надо было снизу вверх.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Padonak Вт янв 09, 2007 20:00

снизу-вверх: заносим все превьюхи в массив а затем массив.реверс и циклом строим -03-
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону

Сообщение Muerto Вт янв 09, 2007 21:41

Padonak писал(а):снизу-вверх: заносим все превьюхи в массив а затем массив.реверс и циклом строим -03-
А строим, надо полагать абсолютным позиционированием в зависимости от видимой области экрана! -02- Мне ж главное было чтобы неполный последний ряд был вверху, а он по любому внизу.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Padonak Чт янв 11, 2007 2:09

нихрена не понял если честно. зачем абсолютное позиционирование? строй их в чем хочешь - ну например в параграфе. а после самого последнего при занесении в массив добавь <br />. тогда он после разворота массива будет сверху один а потом уже остальные построятсо. не совсем представляю конечно чо ты там делаешь поэтому возможно и пишу херь но я бы так и сделал.
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону

Сообщение Muerto Чт янв 11, 2007 2:19

2Padonak: Да ты просто посмотри код и попробуй построй.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Padonak Чт янв 11, 2007 2:25

2Muerto: так где он этот код-то?!
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону

Сообщение Muerto Чт янв 11, 2007 2:28

http://saiwala.ru/catalog/gras/ Только имей в виду, что превьюх может быть произвольное кол-во.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Padonak Чт янв 11, 2007 2:30

2Muerto: блин ты как ниндзя - не показывает что ты на форуме... лана посмотрю тока не щас а то уже спать надо. если чонить сделаю то напишу тут
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону

Сообщение Muerto Чт янв 11, 2007 2:37

2Padonak: Ок, хоть это уже для меня закрытый проект.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Muerto Чт янв 11, 2007 11:08

2Padonak: Вообще-то там под NetCat всё сделано. Могу код шаблона выложить. И, кстати, RTFM в смысле Read The First Message. Я писал "ТОЛЬКО СРЕДСТВАМИ ЦСС!", это как раз потому, что лабать в шаблон лишний код не всегда получается. Но, если ты придумаешь что-нибудь интересное - я попробую внедрить.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Padonak Чт янв 11, 2007 21:26

2Muerto: да ну его в пень. если оно тебе не нужно уже чо тогда ковырять? слушай а код ведь не ты писал я надеюсь? -08-
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону

Сообщение Muerto Чт янв 11, 2007 21:54

2Padonak: Какой код? Вообще-то сайт делал я. Ну если ты там недочёты в коде нашёл - так это из-за того, что приходилось на коленке постоянно доделывать всякие клиентские прихоти. А что там страшного?
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Padonak Пт янв 12, 2007 1:03

ну смертельного ничего не нашел однако вот такое присутствует :

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

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

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону

Сообщение Muerto Пт янв 12, 2007 1:37

2Padonak: Да уж. Всю лысину прогрызли. Слава Джа, отстали уже.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва


Вернуться в Архив

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 23

cron