Хад для IE8
Эту строчку нужно добавить в самом конце опции стиля \0/
Например:
.example {
width: 500px;
width : 500px\0/;
}
И все будет окай
Популярность: 4% [?]
Определяем видимость элемента на странице
Posted by admin in CSS, JavaScript, Заметки on 14.08.2010
Для того чтобы в JS проверить виден ли объект, нужно проверить его offsetHeight, если он равен 0 (ноль), то элемент скрыт.
Мне на заметку тоже. Кстати код кроссбаузерный
Популярность: 16% [?]
Генератор HTML+CSS шаблонов
Не могу упустить возможность, чтобы не упомянуть про замечательный генератор HTML+CSS шаблонов.
Очень сильно понравилось, а главное очень просто в использовании!
Популярность: 8% [?]
Хак для IE6 и для IE7
Всем верстальщикам приходилось бороться с этими проклятыми браузерами, было потрачено много сил и «энергии», а самое главное это нервов. И в конце концов приходилось применять различные хаки.
Так вот в этой заметке я упомяну про один, ну по крайней мере до сегодня не известный для меня хак. Этот хак обычная запятая(,). Да да именно запятая. Заметил это совершенно случайно верстая клиенту сайт и для нескольких блоков хотел задать другой цвет текста.
Демо в пример. Во всех браузерах цвет текста серый, а в IE6 и IE7 зеленый
Популярность: 10% [?]
Проблема с отступами IE6
Скажу о том, что речь идет о проблеме плавающих блоков, когда им задается margin слева или справа, в IE фактическое значение этих отступов удваивается, так вот, для того, чтобы решить эту проблеме блоку нужно добавить свойство display: inline.
Популярность: 8% [?]
Хак для IE8
Эту запись публикую исключительно для себя, дабы не забыть данный хак
/*/ #nav a {position:relative;} /**/
Популярность: 9% [?]
Type Folly очень простой css редактор
Тяжело не поделится этим чудом http://www.typefolly.com/. Это именно то что нужно начинающиму верстальщику.
P.S. Меня очень сильно порадовала работа со шрифтами
Популярность: 9% [?]
Калькулятор EM
Всем кому надоело использовать эти приевшиеся px в своей верстке, и хотят перейти на em, но нет никакого желания высчитывать em размеры этот калькулятор для вас.
Em второе определение для вас.
Популярность: 8% [?]
Добавления тегу IMG свойств ALT и TITLE из свойства SRC
Posted by admin in JavaScript on 1.07.2010
Рад приветствовать, в этой статье я хотел бы с вами поделится одним полезным скриптом, который берет из свойства SRC изображения URL проводит с ним некоторые манипуляции? получает название картинки и записывает его в title и alt. Этот скрипт будет полезен людям(как и мне самому) которым ну очень уж не очень хочется писать эти важные свойства изображения.
Первым делом возьмем набор каких нибудь изображений для этого используем тег
<img src="">
или просто возьмите следующий код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Изменение атрибуда ALT у изображени PONTYK.com.ua</title> <link rel="stylesheet" type="text/css" href="resets.css"/> </head> <body> <img src="img/1.jpg" width="250" /> <img src="img/2.jpg" width="250" /> <img src="img/3.jpg" width="250" /> <img src="img/3.jpg" width="250" /> <img src="forum/img/5.jpg" width="250" /> <img src="img/sac/wdas/5.jpg" width="250" /> <img src="asdasdasd5.jpg" width="250" /> </body> </html>
Когда изображения добавлены, нужно добавить скрипт для обработки этих(всех) изображений, очень желательно чтобы этот скрипт был вставлен перед закрывающимся тегом body, внизу страницы
Для того чтобы вам было понятно что делает весь этот код, я его прокомментировал.
<script type="text/javascript">
function changeAlt() {
// получаем все объекты изображения на странице
var allImage = document.getElementsByTagName("IMG");
// запускаем перебор этих элементом циклом
for (i = 0; i < allImage.length; i ++) {
// теперь в новую переменную получаем и записываем атрибут src, при этом разделяем его и переворачиваем встроенными функциями JavaScript
var attrSrc = allImage[i].getAttribute("src").split("/").reverse();
// тут разделяем название изображения и разширения, и записываем в переменную
attrSrc[0] = attrSrc[0].split(".");
// теперь задаем все атрибуты
allImage[i].setAttribute("title", attrSrc[0][0]);
allImage[i].setAttribute("alt", attrSrc[0][0]);
}
}
// запуск функции
onload = changeAlt;
</script>
Если кому интересно справка по встроенным функциям JavaScript
Популярность: 40% [?]
Уравнивание высоты блока с помощью JavaScript
Posted by admin in JavaScript on 10.03.2010
Вот вчера сидя на работе, верстал дизайн одной велокомпании, и столкнулся с проблемой, проблема уравнивания блока. Если не понятно, то сейчас все поясню.
У меня есть изображение, которое должно заливать центральный блок контейнера (<div id="container">) по оси -y- (background: repeat-y;). У этого блока есть минимальная высота, она равна двум высотам изображениям 326px (высота изображения = 163px) . Вот это изображение
И есть второй блок подвал (<div id="footer">), в котором находится я бы сказал ключевое изображение дизайна. Вот это изображение. Я думаю тут должно быть все понятно, эти изображения должны совпасть. совпадают они только тогда, блок кратен 163px.
Популярность: 100% [?]