Отправляет email-рассылки с помощью сервиса Sendsay

WebDesign.Doc

Подписаться Бесплатная новостная рассылка Подписчиков 1.564 RSS
←   Декабрь 2009   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31


За последние 60 дней ни разу не выходила


Сайт рассылки: http://internetsoft.16mb.com/
Открыта: 15-02-2005

Автор
Andrew

Статистика

1.564 подписчиков
0 за неделю
←   Все выпуски   →

WebDesign.Doc - электронная библиотека веб-мастера: Новые книги. Выпуск 201


WEbDESiGN.doc   //   №201

Приветствую, дорогие друзья и коллеги!

На связи Путченков Дмитрий, ведущий рассылки.

читайте в этом выпуске:

  • Библиотека веб-мастера

    • Веб-аналитика: основы, секреты, трюки

  • Мастерская

    • CSS-трюк: IE, таблица и “резиновые” изображения

  • Авторские видеокурсы по веб-дизайну. Новинки

→ новости WebMasterZone: В канун Нового года на лучшие диски по веб-дизайну будет действовать небывалая скидка - 50%! Это значит, что сделав заказ с 10.12 по 28.12 Вы сможете приобрести любой DVD всего за 250 руб, а CD всего за 150 руб.
Узнать подробнее...

Библиотека веб-мастера

→ Веб-аналитика: основы, секреты, трюки

Яковлев А.А., Довжиков А.

В доступном изложении рассмотрены все основные факторы, определяющие эффективность поисковой оптимизации, контекстной рекламы, баннерной рекламы, партнерских программ, а также различных оффлайн-рекламных кампаний. Даны практические рекомендации по работе с наиболее интересными системами веб-аналитики, популярными в настоящее время в Рунете (Google Analytics, Яндекс.Метрика и др.) и на перспективу (AdWatcher, ClickTale и др.). Приведено огромное количество реальных примеров деятельности веб-аналитиков, которые помогут быстрее освоить практические приемы анализа инвестиций в продвижение товаров или услуг через Интернет.

Для веб-аналитиков и владельцев сайтов.

Мастерская

CSS-трюк: IE, таблица и “резиновые” изображения

Источник: Dimox, Свобода слова вебмастерского

Антон Молодой подкинул мне идею для этого поста. Он столкнулся с проблемой, с которой с моей косвенной помощью сам же и справился.

Я с этим багом (да, речь пойдет об очередном баге IE) никогда не сталкивался, поэтому решил написать об этом пост, во-первых, как шпаргалку для себя на будущее, во-вторых, вдруг кто-то из читателей и посетителей блога однажды столкнется с такой же проблемой.

Рассмотрим пример. Суть заключается в следующем:

  • У нас имеется “резиновая” страница, которая растягивается на всю ширину окна браузера.

  • Имеем таблицу с шириной 100%.

  • В таблице имеем ряд из 5-ти изображений (в нашем примере их реальная ширина – 250 пикселей), и необходимо, чтобы при изменении ширины окна браузера эти изображения растягивались или сужались пропорционально, заполняя всю ширину таблицы. Реализуется это следующим простым способом:

    HTML:

    CSS:

Посмотрите на живой пример вышеописанного.

Все замечательно, за исключением одного “но” – если смотреть этот пример в браузере IE6 или IE7, вы заметите, что при сужении окна браузера ширина изображений в определенный момент “застревает” и не они не сужаются дальше, в результате чего таблица вылазит за пределы контента.

Это не что иное, как очередной баг всеми “любимого” браузера – изображения не сужаются дальше их фактического размера. В нашем случае это 250 пикселей.

Ну а трюк, который позволяет исправить это недоразумение, заключается всего в одной строчке CSS-кода, который нужно применить к таблице, в которой расположены наши изображения:

Теперь посмотрите на тот же самый пример, но с использованием этого CSS-трюка.

См. также:

Авторские видеокурсы по веб-дизайну. Новинки

ОТПРАВИТЬ ВОПРОС В РАССЫЛКУ:
HELP@WM-ZONE.INFO →

Надеюсь, что вам понравился этот выпуск рассылки и вы узнали что-то новое и полезное для себя. Если у вас есть пожелания или предложения как сделать рассылку лучше, присылайте их на наш e-mail: admin@wm-zone.info

ведущий рассылки - Путченков Дмитрий
WebMasterZone - http://wm-zone.info
В избранное