Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS - автоматический отступ / 10 сообщений из 10, страница 1 из 1
08.04.2008, 22:36
    #35243992
guru-ru
guru-ru
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS - автоматический отступ
Подкскажите плиз, как можно с помощью CSS (или может другими способами) расположить текст вот для такого дизайна? те. чтобы он сам переносился в зависимости от границы.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.04.2008, 03:26
    #35244175
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS - автоматический отступ
Рискну ответить ...
Тут использовано омывание текста вокруг картинки с форматированием текста по правой границе. И все. Просто надо понимать, что страницу невозможно сверстать НЕпрямоугольниками - треугольниками, трапециями и т.д. Когда это представил, разбей на воображаемые прямоугольники и все встанет на свои места. Еще советую почитать про обтекание текста вокруг картинок, дивов ...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.04.2008, 11:01
    #35244666
guru-ru
guru-ru
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS - автоматический отступ
Не про картинки все понятно, и обтекание. Но ответ я получил. НЕПРЯМОУГОЛЬНО НЕЛЬЗЯ. Тогда пусть наполнители сами следят чтобы было нормально.

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

Спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.04.2008, 11:59
    #35244896
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS - автоматический отступ
guru-ruНЕПРЯМОУГОЛЬНО НЕЛЬЗЯ. Тогда пусть наполнители сами следят чтобы было нормально.
Просто подумал мало ли есть какой способ, чтобы облегчить им жизнь.

ну извернуться то можно, главное - полет фантазии. Можно например картинку-рамку заделать бэкграундом, а в контент динамически добавить разновысотных прозрачных дивов с float:left. Количество дивов и шаг по высоте естественно будет зависеть от размеров наклонной части. А контент направо сравнять и задать ограничение на минимальную ширину, чтоб дивы не поползли... Или если рамка не сильно заковыристая и ее можно порезать на периодические части то наверное получится даже собрать рамку, зависящую от размеров контента... В общем - если сильно захотеть, то можно в космос полететь...
Осталось только определиться - а стОит ли начинать?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.04.2008, 12:45
    #35245079
guru-ru
guru-ru
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS - автоматический отступ
Может и не стоит, но уже работа начата :)
И ........ заказчик барин. Его не волнует как, его волнует "Ну когда".
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.04.2008, 13:58
    #35245361
lanzer
lanzer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS - автоматический отступ
Лол
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.04.2008, 15:43
    #35245773
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS - автоматический отступ
Ну да, точно.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
<html>
<head>
<script>
function ld(){

for(i= 0 ;i< 10 ;i++){
	el=document.createElement("DIV");
	el.style.styleFloat="left";
	el.style.height= 100 -i* 10 +"px";
	el.style.width="10px";
	document.body.appendChild(el);
}
document.body.innerHTML+="ну извернуться то можно, главное - полет фантазии."+
" Можно например картинку-рамку заделать бэкграундом, а в контент"+
" динамически добавить разновысотных прозрачных дивов с float:left."+
" Количество дивов и шаг по высоте естественно будет зависеть от размеров"+
" наклонной части. А контент направо сравнять и задать ограничение на минимальную"+
" ширину, чтоб дивы не поползли... Или если рамка не сильно заковыристая и ее можно"+
" порезать на периодические части то наверное получится даже собрать рамку, зависящую"+
" от размеров контента... В общем - если сильно захотеть, то можно в космос полететь..."+
" Осталось только определиться - а стОит ли начинать?";
}
</script>
</head>
<body onload="ld();">
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.04.2008, 21:08
    #35246676
guru-ru
guru-ru
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS - автоматический отступ
Прикольно. Спасибо. попробую взять на вооружение.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.04.2008, 21:23
    #35246691
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS - автоматический отступ
И не вздумай эту хрень копипастить (ИЕ) - перепиши
Код: plaintext
el.style.styleFloat="left";
И лучше написать setAttribute("style","значение",0);
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.04.2008, 23:24
    #35246805
guru-ru
guru-ru
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS - автоматический отступ
Спасибо. Но копипастить я и не собирался. пока не разберусь как это работает применять не буду. Поэтому прежде чем внедрю, 10 раз проверю :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS - автоматический отступ / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 478ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1456625]:
 0ms
get settings:
 8ms
get forum list:
 18ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 186ms
get topic data:
 8ms
get forum data:
 4ms
get page messages:
 43ms
get tp. blocked users:
 1ms
others: 204ms
total:  478ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]