Довольно часто применяю этот простой прием, но еще о нем не рассказывал. Суть — при наведении мыши на определнный текст появляется краткое пояснение или расширенная информация рядом с текстом.
Рубрики с меткой ‘элемент’
Простой тултип или всплывающая подсказка
CSS: советы и приёмы, часть 2
В этой части я дам тебе несколько советов, содержание которых включает в себя группирование селекторов, горизонтальное выравнивание текста, импортирование CSS и ещё несколько проблемных вопросов. Если ты чего-то здесь не нашёл, попробуй почитать первую часть.
Синтаксические различия HTML и XHTML
Минимально возможный документ, согласно стандарту HTML 4, должен состоять из двух обязательных составляющих: ссылки на определение типа документа (DTD) и элемента <title>…</title>, содержащего название документа. К сожалению, горе-разработчики, игнорирующие и одно, и другое, встречаются на каждом шагу. Помимо перечисленного, минимальный документ HTML 4 должен включать в себя любую структурную единицу разметки полезного содержания.
Читать далее »
Невизуальные HTML-редакторы
Те, кто уже знаком с азами веб-дизайна и веб-программирования, несомненно, столкнулись с невозможностью серьезной работы в WYSIWYG-редакторах HTML. Обычно они выдают «грязный» и чрезмерно раздутый код, редактировать который встроенными средствами оказывается не удобнее, чем в Notepad. Для профессиональной работы с кодом на языках HTML, Perl, PHP или ASP приходится подыскивать специальное решение – невизуальные HTML-редакторы. Среди них, по традиции, признанным лидером еще недавно являлся HomeSite. Но прошло совсем немного времени, и на свет появились другие HTML-редакторы, внешне напоминающие HomeSite, но имеющие свои особенности. Для тех, кто еще не успел сделать выбор, и предназначена эта статья.
Читать далее »
HTMLchecklist – проверь свой HTML
1. Разделение структуры и визуальной части.
— Не использовать элемент <font>.
— Аттрибуты расположения (align, valign, width, height) выносить в CSS. Читать далее »
Хитрости табличного дизайна. (формируем рамку таблицы)
Любому веб-мастеру, ввиду своей профессиональной деятельности, приходится создавать те или иные сложные элементы на сайте
(Например: оптекание текстом графики, создание колонок с текстом, фиксация элементов сайта).
Однако, стандарт html имеет небольшое количество стандартных элементов оформления страницы, и не все элементы одинаково отображаются в разных браузерах. Каждая компания пытается разработать свой собственный html, порой уходя далеко от основной концепции html, разработанной консорциумом WWW.
Поэтому веб-мастеру приходится эксперементировать с элементами, которые являются общими для всех браузеров. Читать далее »
Печатаем по-умному или ещё один способ защиты информации
Сегодня мы поговорим о том, как сделать так, чтобы выводить на экран одну web-страницу, а при печати этой страницы на принтере результат был несколько иным. А делается это с помощью CSS.
В CSS есть одна очень полезная функция: Вы можете для одного и того же HTML-элемента указать разные способы отображения при печати и при показе в браузере. Для лучшего понимания рассмотрим следующий пример:
Читать далее »
Пример универсального скрипта для обработки HTML-форм
Задача: разработать скрипт для сохранения в файл значений, посланных HTML-формой. Каждое значение в файле должно иметь комментарий. Полученный файл должен выглядеть примерно так:
имя [name]: Хо Ши Мин
электронная почта [email]: ivan@mydom.ru
домашняя страница [www]: ivan.mydom.ru Читать далее »
Битва со списками или применение классов для вывода списков в PHP
Список, список, список… Открываешь файл любого интернет-проекта, основанного на технологии php+mysql, и первое, что видишь — это куски кода, примерно такого вида:
Удаление строки из файла
Я очень часто встречаю вопрос типа «Как удалить определенную строку из файла?». Народ совсем не хочет шевелиться, ведь так легко зайти на любой крупный форум по PHP, и в сроке поиска написать что-то типа «Удаление строк из файла». Пятерка результатов гарантирована. Итак, мы как раз рассмотрим способ удаления определенной строки из текстового файла