Блог. Я люблю CSS!

Блог о верстке сайтов. Для начинающих верстальщиков и верстальщиков-виртуозов. Только HTML и CSS, ничего лишнего.
Вы любите блочную верстку - тогда этот блог для вас!

Webmolot 3.0 или Как я докатился до такого →

Webmolot 3.0 или Как я докатился до такого

Запустилась новая, уже третья по счету, версия сайта www.webmolot.com. Напомню, что это сервис по профессиональной верстке сайтов. Предыдущая версия, несмотря на положительные отзывы посетителей, уже изжила себя. Сайт не выполнял те задачи, которые я ставил перед ним. Хромала навигация, обратная связь, поиск, были сложности с ведением блога. Не хватало изюминки, которая делала бы сайт узнаваемым. Все это натолкнуло меня на мысли о новой версии сайта. Я решился и взялся за ее создание.

Вебмолот выходит из спячки! →

Вебмолот выходит из спячкиПоследнее время многие посетители блога называли меня медведем в берлоге, сонной мухой и другими словечками. И они были совершенно правы. Я не оставлял сообщений в блоге больше года! Кто-то подумал: “Может Вебмолота купила какая-нибудь крутая компания, и он верстает для них?!”. Другие говорили: “Да он устал верстать! Нашел другое занятие!”. А некоторые просто забыли о моем существовании.

Верстальщик-виртуоз. Задание 3 →

Сверстать страницу по картинке. При верстке необходимо соблюдать условия:

  1. верстка должна в точности соответствовать рисунку (пиксельная точность)
  2. верстка резиновая. Левая колонка фиксированной ширины, правая – тянется
  3. минимальная ширина страницы 600px
  4. футер прижат к низу страницы
  5. колонки растягиваются на всю высоту экрана
  6. кроссбраузерность Internet Explorer 5.5 +, Mozilla Firefox 2.0 +, Opera 8.5 +, Google Chrome, Safari 3.0 +
  7. валидный HTML и CSS
  8. чистый HTML и CSS, без javascript, expression и др.

Верстальщик-виртуоз. Задание 2 →

Сверстать список товаров с описанием к ним. Если описание не вмещается в одну строку, оно должно обрезаться многоточием. При наведении на картинку и/или на текст, описание должно показываться полностью. Товар и текст с его описанием являются ссылкой.

Верстальщик-виртуоз. Задание 1 →

Сверстать список товаров каталога по картинке, используя следующий код html:

<ul>
	<li><mg src="img.gif" alt="" /></li>
	<li><img src="img.gif" alt="" /></li>
	<li><img src="img.gif" alt="" /></li>
	<li><img src="img.gif" alt="" /></li>
	<li><img src="img.gif" alt="" /></li>
	<li><img src="img.gif" alt="" /></li>
</ul>

Верстальщик-виртуоз →

Запускается новый конкурс «Верстальщик – виртуоз»
Тот, кто считает себя продвинутым верстальщиком, мастером блочной верстки, кто не боится сложных задач и стремится к совершенству – этот конкурс для Вас.

Верстальщик-виртуоз

Подпишитесь!

Мои контакты

Вопрос-ответ

Вы занимаетесь версткой и у Вас появился профессиональный вопрос,
на который не можете найти ответ? Напишите мне, и я помогу Вам совершенно бесплатно!

Twitter @webmolot

^