Начинающие разработчики часто задаются вопросом: Как вертикально выравнивать изображения в тексте?
Давайте начнём с небольшого примера. Строка с текстом и небольшим изображением в виде квадрата.
Теперь давайте взглянем на 6 основных линий относительно которых выполняется вертикальное выравнивание. На изображениях эти линии выделены красным цветом.
Read more »
IzzyMenu бесплатный онлайн-сервис по созданию CSS меню. Выберите из огромного многообразия стиль, который вам по-вкусу и создайте свое меню.
Вы сможете сами определить ширину, высоту, шрифт, количество пунктов и подпунктов, а так же огромное множество других параметров вашего меню.
Посетите IzzyMenu
Одна из причин по которой полупрозрачность не имеет большой популярности — поддержка оной в IE6 (в 7-й версии ситуация начала изменяться к лучшему). Чтобы реализовать полупрозрачность в IE надо использовать специальный фильтр. Однако проблема заключается в том, что все дочерние элементы внутри полупрозрачного контейнера также становятся такими, что часто бывает не желательно.
Как же можно реализовать полупрозрачность, которая будет работать во всех браузерах, учитывая все это?
Сделаем это, используя CSS позиционирование. Будем использовать контейнер с двумя дочерними блоками. Один блок будет иметь полупрозрачный фон и занимать все пространство родителя, а другой будет содержать контент и располагаться поверх остальных. Таким образом у нас будет полупрозрачный фон и нормальное содержимое.
Борьба со спамом — это то, с чем сталкивается почти каждый владелец сайта, на котором разрешено комментирование. Самый популярный и эффективный (?) способ борьбы со спамом — использование специального изображения капча, информацию с которого комментатор должен ввести в предусмотренное для этого поле. С тех пор, как появились алгоритмы OCR, которые позволяют распознавать текст на изображении, на капчах стали выводить “грязный” и искаженный текст.
Для справки:
OCR (англ. Optical Character Recognition — Оптическое распознавание символов) — механическая или электронная конвертация изображений символов и букв в текст, редактируемый на компьютере. Перевод осуществляется программным путём, после получения изображения со сканера или фото.
Текст, преобразованный из графической формы в символьную (текстовую), можно далее обрабатывать любыми текстовыми редакторами.
Так как это навигация, следовательно она должна быть кликабельна и состоять из количества ссылок. Так-же, следует заметить, что надпись на одной кнопке состоит из двух шрифтов каждый из которых имеет свой размер. Пожалуй, начнем:
<a href="#" mce_href="#"><span>Section One</span>Semantics</a>
<a href="#" mce_href="#"><span>Section Two</span>Semantics</a>
<a href="#" mce_href="#"><span>Section Three</span>Semantics</a>
<a href="#" mce_href="#"><span>Section Four</span>Semantics</a>
Автор: SmashingMagazine.com
An improved Nice Titles Tooltip Script with Accesskeys support.
A classic. The script uses a background image.
Do you want to create fancy headings without rendering each heading with Photoshop? Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty <span> tag in the heading and apply the background image overlay using the CSS position:absolute property. This trick has been tested on most browsers: Firefox, Safari, Opera, and even Internet Explorer 6. Continue to read this article to find out how.
The trick is very simple. Basically we are just adding a 1px gradient PNG (with alpha transparency) over the text.
