Расстояния слов (шрифт)

Тема в разделе "Веб-дизайн", создана пользователем Pigini, 20 ноя 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. Pigini

    Pigini

    Регистр.:
    28 апр 2009
    Сообщения:
    173
    Симпатии:
    29
    Как сделать что бы было бы более понятней написанное... так как на сайте когда много пишут выходит вот так -

    [​IMG]

    Что в CSS прописать или должно быть прописанно что бы более понятней было?
    Понятно, это значит - что бы слова не были все в куче, что аж глаза напрягаются от читки такой..

    Вот так http://www.kinopoisk.ru... было бы в самый раз.
    [​IMG]
     
  2. Eihwaz

    Eihwaz

    Регистр.:
    7 окт 2007
    Сообщения:
    156
    Симпатии:
    54
    HTML:
    
    <head>
        <style type="text/css">
            p {
                word-spacing: 5px;
            }
        </style>
    </head>
    <body>
        <p>
            Очень много текста.
        </p>
    </body>
    
    И еще размер шрифта и сам шрифт имеют большое значение, но всем не угодишь.
    UPD: Учтите, что IE (включая 8-ю версию) не поддерживают значение inherit в свойстве word-spacing
     
  3. in7life

    in7life Писатель

    Заблокирован
    Регистр.:
    14 ноя 2009
    Сообщения:
    7
    Симпатии:
    2
    Вообще тут не только в расстояние между буквами дело...
    Почитай описание - font-family. Выбери для себя подходящий=)
    Если не ошибаюсь в кинопоиске стоит - font-family: verdana
     
  4. troop3r

    troop3r Постоялец

    Регистр.:
    14 ноя 2009
    Сообщения:
    138
    Симпатии:
    22
    надо править "line-height", а не "word-spacing".

    line-height: 20px; - высота строки будет 20px, ставь на 5 пикселей больше размера шрифта и выглядеть будет получше.
     
  5. Гладио

    Гладио Создатель

    Регистр.:
    9 окт 2009
    Сообщения:
    32
    Симпатии:
    10
    line-height увеличит расстояние между всеми строчками, а тут как я понимаю нужно просто увеличить расстояние между абзацами. Соответственно в коде html нужно текст позапихавать в тег абзаца <p></p>. а в css прописать отступы снизу для p {padding-bottom: 7px;) например.
     
  6. The Finn

    The Finn Постоялец

    Регистр.:
    30 авг 2009
    Сообщения:
    80
    Симпатии:
    9
    troop3r, line-height тут вообще не в тему.

    Pigini, поэкспериментируйте с этими стилями:

     
  7. graffovv

    graffovv Создатель

    Регистр.:
    18 фев 2009
    Сообщения:
    10
    Симпатии:
    2
    Одними стилями делу не помочь, предварительно обработай текст "типографом" например фришным от пернатого :) http://www.artlebedev.ru/tools/typograf/
     
  8. extreemal

    extreemal Писатель

    Регистр.:
    19 мар 2009
    Сообщения:
    5
    Симпатии:
    1
    А можно просто заключить каждый обзац в тег <p> или див или еще какойто и в стиле указать

    HTML:
    <p style="padding-bottom: 10px;">тут обзац</p>
     
  9. rafic

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    <p style="padding-bottom: 10px; line-height: 25px;">
    твой ОДИН абзац
    </p>
    Будет тебе в самый раз...
    Сделать это на автомате нельзя. если только не использовать движок со встроенным редактором текста, который как раз делает разметку текста самостоятельно. Табуляция, пробелы, абзаци и тд... либо ручками, либо редактор текста.
    &nbsp; - пробел. Я обычно использую таких 7 штук... для табулции.
    <br/> - новая строка... их этого и исходи...
     
Статус темы:
Закрыта.