cssing :: 2005 :: сентября

Заковыристые инпут

В последней верстке столкнулся с проблемой - такой себе маленкий challenge со стилями для input…

Как нарисовали
В макете было отрисовано примерно так:

Первые мысли
Сначала решил реализовать обернув этот INPUT в SPAN и потом задать белую границу для самого инпута и серую для СПАНа - рассчитывая что спан обернет весь инпут.
Очевидная как по мне мысля.

Заработало сразу же […]

XHTML/CSS, Дизайн | Комментарии (16)

Прелоад через CSS

Структурирую свою информацию - несколько способов избежания страшненьких джаваскриптов делающих прелоад картинок.

Проблема
Пускай у нас для какого-то элемента по наведению мыши меняется фоновая картинка, типа такого:

a{
background-image:url(default_img.gif)
}
a:hover{
background-image:url(hover_img.gif)
}

В результате когда страничка (и картинка default_img.gif) загрузится и пользователь наведет мышь на ссылку - броузер начнет грузить картинку hover_img.gif и пользователь сразу ничего не увидит. А если картинка немаленькая, то […]

XHTML/CSS, Полезности | Комментарии (28)

Реинкарнация webplanet.ru

Выдались скучные выходные…
Вспомнил своё старое хобби. Вобщем без лишних фраз - беcтабличная переделка webplanet.ru

Сухие цифры

 
Старый код
Новый код

Размер CSS файла
~2 KB
[…]

XHTML/CSS, веб стандарты | Комментарии (36)

Встреча украинских блоггеров :)

Вчера, наконец, состоялась Первая Встреча Украинских Блоггеров.
Были такие личности: Aph1na, Atlantis, Silver, WMas ну и я понятно…

Люди собрались настолько же интересные как и очень разные. Встреча вышла однозначно хорошей, хотя сказать успели явно не всё. Впечатления остались только приятные
Делать такие встречи стоит.
Отчеты(список будет пополняться):

Atlantis + фотки
wmas
Aph1na
by Aph1na(people>bloggers)

Общие | Комментарии (7)

min-width для IE

ДваТри способа как это можно сделать в ИЕ…

min-width по нормальному
Это очевидно, так должно быть, это должно работать:

#min-width {
min-width:600px;
}

Но, как вы можете легко догадаться, работает везде, кроме чего?
Правильно! Интернет Эксплорера!
Вступление
Здесь и дальше я буду укрощать(задавать минимальную ширину) блок #min-width.
Метод 1: JavaScript
Вот такой простенький кусок CSS (перемешанного с JS) решает проблему..

#min-width {
min-width:800px;
width:expression(document.body.clientWidth < 770? “770px”: […]

XHTML/CSS, Полезности | Комментарии (18)