День вебмастера!

Сегодня замечательная дата для тех, кто проводит своё время за вёрсткой сайтов! 4 апреля, а если циферками, то 404 :) Поздравляю всех коллег по цеху - профессионалов и любителей с нашим праздником!
Да сверстаются все страницы ваши по воле вашей, да убоится вас HTML с CSS-ом и пусть Ослик смирится и поймёт код ваш так, как сказано в скрижалях W3C, а не так, как решил создатель его - презренный Билли! И да прибудет с вами дух Огненной Лисы!
Ура! И трижды ура тому, что в этом году 404 совпал с пятницей ;)

TeaShark - новый броузер для мобилок

Буквально на днях вышел новый Java броузер для мобильных телефонов. Судя по этой статье, и внешне, и по принципу работы TeaShark практически полный аналог Opera Mini. Я не стал ставить его себе на Nokia E60, так как он ещё не вылез из альфы, но тем не менее собираюсь внимательно следить за его развитием. Возможно из него вырастит достойный конкурент норвежской малютке.

Как вертикально выровнять checkbox-ы и текст в label-ах

Задача такова: необходимо выстроить checkbox-ы горизонтально в ряд, обеспечить включение и выключение checkbox-а щелчком на соответствующем label и вертикально выровнять checkbox-ы и label-ы относительно друг-друга. Конечно можно ничего не варавнивать и оставить checkbox-ы и label-ы болтаться в воздухе. Но, согласитесь, что если мы делаем серьёзный сайт, то вопрос о его эстетической стороне оказывается далеко не на последнем месте. Вот о checkbox-овой эстетике мы сегодня и поговорим. Итак, начали.
Во-первых поместим наши checkbox-ы в список:

<div id="CheckboxesLine">
<ul>
<li><label>Select plz:</label></li>
<li><input type="checkbox" id="CB1" /><label for="CB1">Checkbox 1</label></li>
<li><input type="checkbox" id="CB2" /><label for="CB2">Checkbox 2</label></li>
<li><input type="checkbox" id="CB3" /><label for="CB3">Checkbox 3</label></li>
<li><input type="checkbox" id="CB4" /><label for="CB4">Checkbox 4</label></li>
<li><input type="checkbox" id="CB5" /><label for="CB5">Checkbox 5</label></li>
<li><input type="checkbox" id="CB6" /><label for="CB6">Checkbox 6</label></li>
</ul>
</div>

Далее пропишем вот такие стили:

#CheckboxesLine ul {
white-space:nowrap;
padding: 0;
margin: 0;
font-family: Verdana;
font-size: 0.7em;
}
#CheckboxesLine ul li {
display: inline;
white-space:nowrap;
}
#CheckboxesLine ul li label {
vertical-align:middle;
padding-right: 20px;
}
#CheckboxesLine ul li input {
margin-bottom: auto;
vertical-align:middle;
}
#CheckboxesLine ul li:first-child label{
padding-right: 0;
}

Вот и всё. Теперь и в IE, и в FF, и в Opera наши checkbox-ы будут выглядеть одинаково.

Тема, старая как интернет...но актуальная.

На днях прочитал на башорге одну симпатишную цитату, которая пришлась как раз к месту, ибо я сейчас занят подгонкой одного движка фотоальбома под различные броузеры. Ситуация прямо, как у меня. Но если Огнелиса и Опера я победил, то с Эксплореровичем пока воюю. Больше комментировать не буду, лучше читайте.