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

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

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

ну извернуться то можно, главное - полет фантазии. Можно например картинку-рамку заделать бэкграундом, а в контент динамически добавить разновысотных прозрачных дивов с float:left. Количество дивов и шаг по высоте естественно будет зависеть от размеров наклонной части. А контент направо сравнять и задать ограничение на минимальную ширину, чтоб дивы не поползли... Или если рамка не сильно заковыристая и ее можно порезать на периодические части то наверное получится даже собрать рамку, зависящую от размеров контента... В общем - если сильно захотеть, то можно в космос полететь...
Осталось только определиться - а стОит ли начинать?
...
Рейтинг: 0 / 0
09.04.2008, 11:59
| Ответить | Цитировать | Написать  
CSS - автоматический отступ
    #35245079
guru-ru
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
guru-ru
Участник
Может и не стоит, но уже работа начата :)
И ........ заказчик барин. Его не волнует как, его волнует "Ну когда".
...
Рейтинг: 0 / 0
09.04.2008, 12:45
| Ответить | Цитировать | Написать  
CSS - автоматический отступ
    #35245361
lanzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lanzer
Участник
Лол
...
Рейтинг: 0 / 0
09.04.2008, 13:58
| Ответить | Цитировать | Написать  
CSS - автоматический отступ
    #35245773
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Ну да, точно.
Код: 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, 15:43
| Ответить | Цитировать | Написать  
CSS - автоматический отступ
    #35246676
guru-ru
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
guru-ru
Участник
Прикольно. Спасибо. попробую взять на вооружение.
...
Рейтинг: 0 / 0
09.04.2008, 21:08
| Ответить | Цитировать | Написать  
CSS - автоматический отступ
    #35246691
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
И не вздумай эту хрень копипастить (ИЕ) - перепиши
Код: plaintext
el.style.styleFloat="left";
И лучше написать setAttribute("style","значение",0);
...
Рейтинг: 0 / 0
09.04.2008, 21:23
| Ответить | Цитировать | Написать  
CSS - автоматический отступ
    #35246805
guru-ru
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
guru-ru
Участник
Спасибо. Но копипастить я и не собирался. пока не разберусь как это работает применять не буду. Поэтому прежде чем внедрю, 10 раз проверю :)
...
Рейтинг: 0 / 0
09.04.2008, 23:24
| Ответить | Цитировать | Написать  
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS - автоматический отступ
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35244666&tid=1456625]:
 0ms
get settings:
 6ms
get forum list:
 12ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 177ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 48ms
get tp. blocked users:
 1ms
others: 207ms
total:  465ms
созд. / загр.: 465ms
x
x
Закрыть


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