Практика разработки Web-страниц


Текст размещается неправильно - часть 2


She ’s up in the attic,<br> I ’m down with the spiders,<br>

Если вы хотите, чтобы броузер сохранял строку нетронутой и не переносил текст на новую строку, укажите это в тэгах <NOBR> и </NOBR>:

<nobr>Ode to the text displayed on one line</nobr>

  • Если текст не помещается в ячейку таблицы, сделайте столбцы шире, устанавливая атрибут width тэга <TD>:

    <td width=300>She and I on an uneventful Sunday</td>

    Если вы хотите, чтобы таблица вытягивалась по размеру текста, когда пользователи изменяют размер шрифта, не включайте атрибут width в тэги <TABLE> и <TD>. (Если вы используете FrontPage, вы можете удалить установки высоты, щелкнув на таблице и затем щелкнув на AutoFit (Автоподбор) в меню Table (Таблица).

  • Последние версии броузеров – Internet Explorer 5 и более поздние – позволяют вам указывать точный размер абзаца, закреплять его содержимое или прокручивать его для просмотра, используя CSS свойства width, height и overflow. Например, этот абзац будет точно 120х80 пикселов и покажет полосу прокрутки справа, если места для текста недостаточно:

    <p style="width:120;height:80;overflow:auto;border:1 solid;"> Мне не нравится сжиматься, но я могу и подвинуться.</p>

  • Другой способ, гарантирующий, что текст определенного размера не будет изменяться – создать изображение с этим текстом. В графической программе, такой как Photoshop или Fireworks, создайте изображение такого размера, какое ваш текст должен занимать на странице. (Установите цвет изображения таким же, как цвет фона страницы). Инструментом "текст" добавьте текст нужного размера и шрифта.

    Чтобы гарантировать, что текст появится в любом броузере одного и того же размера, создайте изображение

    Чтобы гарантировать, что текст появится в любом броузере одного и того же размера, создайте изображение

    Затем экспортируйте изображение как GIF-файл и поместите его на страницу, используя тэг <IMG>:

    <img src="quotes.gif "width=115 height=17 border=0 alt="Quotations">

  • Текст-изображение часто выглядит лучше, чем обычный текст, но у него есть и недостатки. Изображение дольше загружается, текст в нем не индексирован, и пользователи не могут использовать броузер, чтобы копировать текст. Когда вы используете изображения для текста, всегда устанавливайте атрибут alt тэга <IMG> так, чтобы те пользователи, броузеры которых не отображают изображения, смогли прочитать текст, а поисковые устройства смогли его индексировать.




    Начало  Назад  Вперед