Многие мучаются при создании сайта. Во многих случаях на сайте требуется применить нестандартный шрифт или иероглиф. Вы скачиваете красивый шрифт и начинаете верстать страницу, но не у всех пользователей есть такие шрифты. Некоторые не смущаются и просто создают графический файл, используя нужный им шрифт, но дополнительная графика не всегда подходит странице и у многих её и так хватает. Но есть один подходящий выход ! Этим выходом является использования технологии CSS (Cascading Style Sheets) или просто «Каскадных таблиц стилей». Обычно CSS заключается в сам, создаваемый файл, страничку, но можно создать файл CSS (.css) отдельно и соединить его путём прописки между тегом <head> таким образом:
Читать далее »
HTML-верстка
Шрифты и CSS
Июль 24th, 2012 
Archi CSS от А до Я
Июль 24th, 2012 Archi Представьте себе такую ситуацию: вы сделали серьезный сайт. И вдруг через некоторое время понимаете: шрифт не тот, фон не тот, цвета не те и т.д. Все надо менять. Обремененный заботой о любимых посетителях, вы спешите исправить недоработки во всех 500 (к примеру) страницах вашего сайта. На это уходит целый день. В лучшем случае… Как этого избежать? Ответ прост — использовать каскадные таблицы стилей.
Читать далее »
Опубликовано в рубрике HTML-верстка 
Метки: CSS, HTTP заголовки, JavaScript, Настройки, программирование 
Комментариев нет »Свойства текста
Июль 24th, 2012 Archi Свойства текста применяются практически ко всем элементам CSS, которые могут включать в себя или описывать текст, правда, с учетом некоторых ограничений в каждом отдельном случае, Свойство text-align запоминает расположение текста относительно границ рабочего окна броузера или ячейки таблицы, иными словами — отвечает за выравнивание текстового блока. Соответственно, оно применяется совместно с так называемыми блоковыми элементами, то есть элементами, поддерживающими отображение текстовых массивов: Р., Н1-Н6, TD, TR и некоторыми другими.Можно использовать одно из четырех значений данного свойства: left — выравнивание по левой границе экрана или ячейки таблицы, right — по правой границе, center — выравнивание по центру и justify — растягивание текста по все ширине экрана или табличной ячейки,
Пример: Читать далее »
Опубликовано в рубрике HTML-верстка Метки: Выравнивание, значения, свойства, текст, ячейки Комментариев нет »Подсветка ссылки
Июль 24th, 2012 Archi Для того, чтобы подсветить ссылку при наведении на неё курсора мышки, необходимо задать такую таблицу стилей:
<style TYPE="text/css"> <!-- a:hover {color: red; mso-bidi-font-size:12pt} --> </style>В этом случае все ссылки на странице при наведении на них курсора мышки будут подсвечиваться красным цветом и перезаписываться шрифтом размером в 12 pt. Читать далее »
Изменение фона в таблице
Июль 24th, 2012 Archi С помощью стилей можно творить даже такие чудеса, как изменение цвета фона таблицы. Для этого необходимо написать небольшой обработчик соответствующего события, например, попадание курсора мышки в область таблицы:
<table id=table onMouseover="table.bgColor='red'" onMouseOut="table.bgColor='white'" bgcolor=white border=1><tr><td> При наведении курсора мышки на таблицу она поменяет цвет. </td></tr></table>При наведении мышки на область таблицы она изменит цвет с белого на красный. Соответственно, когда курсор мышки вновь покинет эту область, она вновь станет белой. Читать далее »
Опубликовано в рубрике HTML-верстка Метки: графические элементы, таблица, фон, фоновый рисунок, цвет Комментариев нет »Фиксирование шрифтов на странице с помощью таблицы стилей
Июль 24th, 2012 Archi Предположим, что Вы создали достаточно симпатичную страничку с малым количеством графических элементов, текст у Вас расположен в таблице в две колонки. Вы некоторое время любуетесь вашим творением, но тут приходит Ваш приятель и погружает Вас в глубокое уныние, поставив в настройках броузера более крупный шрифт. Вы видите, что страница приняла вид весьма далёкий от того, что было задумано изначально. Что же делать? Самый простой способ решения подобной задачи заключается в составлении таблицы стилей для Вашего сайта. Эти таблицы относятся к каскадным таблицам стилей (Cascading Style Sheets – CSS). Это означает, что при определении стиля какого-нибудь элемента все элементы, находящиеся внутри него, наследуют этот стиль.
Опубликовано в рубрике HTML-верстка Метки: колонки, стили, страница, таблицы, Шрифт Комментариев нет »Анимационное подчеркивание
Июль 24th, 2012 Archi Мало кто знает, что при помощи таблиц каскадных стилей подчеркивания под ссылками можно сделать анимационными.
На самом деле задать в параметрах именно анимационное подчеркивание не представляется возможным, зато в качестве фона ссылки вполне можно задать анимационную картинку:
Читать далее »
Опубликовано в рубрике HTML-верстка Метки: Анимационное, каскадные, параметры, подчеркивание, таблицы Комментариев нет »Создание динамических элементов страницы с помощью CSS.
Июль 24th, 2012 Archi CSS предоставляет огромные возможности создания многих динамических элементов на странице, правда, увидеть их можно не во всех браузерах.
Подсветка ссылки Читать далее »
Опубликовано в рубрике HTML-верстка Метки: динамические, Подсветка, ссылки, страницы, элемент Комментариев нет »Простой тултип или всплывающая подсказка
Июль 24th, 2012 Archi Довольно часто применяю этот простой прием, но еще о нем не рассказывал. Суть — при наведении мыши на определнный текст появляется краткое пояснение или расширенная информация рядом с текстом. (и — оговорка одна — тултипы не должны перекрывать другие “тултипные” ссылки).
Опубликовано в рубрике HTML-верстка Метки: класс, оптимизация, подсказка, тултип, элемент Комментариев нет »Кроссбраузерное выравнивание по центру (table height=100%)
Июль 24th, 2012 Archi Время от времени меня спрашивают, как заставить работать следующий код в Opera 7.0, а также в Internet Explorer 6 и Mozilla, когда страница в режиме Standards compliance mode:
<table width=»100%» height=»100%»>
<tr>
<td align=»center»>текст, который должен располагаться в центре страницы</td> Читать далее »
<tr>
<td align=»center»>текст, который должен располагаться в центре страницы</td> Читать далее »
Опубликовано в рубрике HTML-верстка Метки: Выравнивание, код, Кроссбраузерное, спецификации, центр Комментариев нет »