ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сверстать текст
5 сообщений из 5, страница 1 из 1
Сверстать текст
    #37908127
Roman20
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Roman20
Участник
Всем привет! Хотелось бы узнать у верстальщиков можно ли сверстать блок текста таким образом как в приложенной картинке? Причем все элементы должны быть текстом.
...
Рейтинг: 0 / 0
08.08.2012, 08:43:07
| Ответить | Цитировать | Написать  
Сверстать текст
    #37908190
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Roman20, а то :)
Код: html
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.
28.
29.
30.
31.
32.
33.
<!DOCTYPE HTML>
<html>
  <head>
    <style>
      * {
        margin: 0;
        padding: 0;
      }
      
      body {
        font-family: Arial;
      }
      
      h1 {
        float: left;
        font-size: 72pt;
        line-height: 60pt;
      }
      
      p {
        line-height: 14pt;
        position: relative;
      }
    </style>    
  </head>
  <body>
    <h1>A</h1>
    <p style="left:-20px">тест тест тест тест</p>
    <p style="left:-12px">тест тест тест тест</p>
    <p style="left:-4px">тест тест тест тест</p>
    <p style="left:4px">тест тест тест тест</p>
  </body>
</html>
...
Рейтинг: 0 / 0
08.08.2012, 09:48:41
| Ответить | Цитировать | Написать  
Сверстать текст
    #37908197
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
Roman20,
еще примерчик )
тынц
...
Рейтинг: 0 / 0
08.08.2012, 09:54:36
| Ответить | Цитировать | Написать  
Сверстать текст
    #37909809
Фотография Малыхин Сергей
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Малыхин Сергей
Участник
Пока браузеры так не могут =)

но в скором будущем http://www.w3.org/TR/css3-exclusions/

Обычно обтекаемую картинку(букву, текст) накрывают дивами нужной ширины которые отвечают за обтекание
...
Рейтинг: 0 / 0
09.08.2012, 03:09:29
| Ответить | Цитировать | Написать  
Сверстать текст
    #37910499
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Малыхин СергейОбычно обтекаемую картинку(букву, текст) накрывают дивами нужной ширины которые отвечают за обтекание
Для данного примера даже вариант skyANA может оказаться на 100%-ным (это если колесом шрифт увеличивать) ... А ДИВами и подавно...
...
Рейтинг: 0 / 0
09.08.2012, 13:20:54
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сверстать текст
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=37908197&tid=1449477]:
 0ms
get settings:
 10ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 424ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 38ms
get tp. blocked users:
 2ms
others: 227ms
total:  733ms
созд. / загр.: 733ms
x
x
Закрыть


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