Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сверстать текст / 5 сообщений из 5, страница 1 из 1
08.08.2012, 08:43:07
    #37908127
Roman20
Roman20
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сверстать текст
Всем привет! Хотелось бы узнать у верстальщиков можно ли сверстать блок текста таким образом как в приложенной картинке? Причем все элементы должны быть текстом.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.08.2012, 09:48:41
    #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:54:36
    #37908197
SharuPoNemnogu
SharuPoNemnogu
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сверстать текст
Roman20,
еще примерчик )
тынц
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.08.2012, 03:09:29
    #37909809
Малыхин Сергей
Малыхин Сергей
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сверстать текст
Пока браузеры так не могут =)

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

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


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