• В первой части мы поговорим о еще одной проблеме в верстке сайта, связанной с горизонтальным выравниванием в div-контейнере.
• Во второй части я проанонсирую мой новый бесплатный курс Photoshop для веб-мастера.

Итак, что же это за проблема такая, горизонтальное выравнивание в div-контейнере?

Есть у нас div определенного размера, внутри него расположен текст и нужно нам этот текст выровнять посередине относительно вертикали. Казалось бы, сам Бог велел использовать свойство CSS vertical-align: middle, но не тут-то было.

Оказывается, свойство vertical-align можно применять только для ячейки таблицы.

У вас опустились руки и вы решили отказаться от div-контейнера в пользу старой доброй таблички?

Нет, это совершенно напрасно! Оказывается, благодаря еще одному свойству display: table-cell можно превратить блок div в ту, так нам необходимую, ячейку таблицы и воспользоваться центровой посредством vertical-align.

На этом и сказочке конец, но только лишь для нормальных браузеров. А ведь у нас есть еще семейство оригиналов IE. Дело в том, что браузеры этого ненормального семейства не знают о существовании свойства display:table-cell. Но решить задачу кроссбраузерно без использования таблицы можно. Решая проблему, мы ,заодно, попрактикуемся в условном комментировании (т.е. ряд HTML-инструкций будет доступен только для ограниченного числа браузеров).

Кстати, я показываю как решить поставленную задачу кроссбраузерно не только для случая div-контейнера фиксированной высоты, но и в случае указания его размера в процентах.

Вот ссылка на подробную статью по данному вопросу.

Теперь мы переходим ко второй части нашего действа: Видеокурс "Photoshop для веб-мастера".

Я начал работу над новым бесплатным видеокурсом по основам работы в программе Photoshop. Я считаю данную программу одним из основных инструментов в работе веб-мастера и хочу поделится с вами, уважаемый читатель, принципиальными знаниями работы в Photoshop, которыми я постоянно использую в деятельности веб-строительства.

Я уже опубликовал три выпуска курса:

• Часть 1 Вводный видеоурок. Я расскажу о принципах послойной модели построения изображения в Photoshop, познакомлю вас с понятиями растровой и векторной графики, на примере поясню работу с диалогом создания нового документа.
  
• Часть 2 Попрактикуемся в рисовании новых графических элементов на примере иллюстрации для сайта.
  
• Часть 3 Это не просто видеоурок, а еще и подробная статья о выборе формата сохранения картинки для сайта (GIF, PNG, JPG). Что в каком случае нужно выбирать и каким образом все это настраивается в Photoshop (это уже посредством видеоурока).
  

Приглашаю вас ознакомится с материалами данного курса и желаю полезного времяприпроваждения.

С уважением, Андрей Морковин.