Блог Верстальщик-виртуоз. Задание 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>


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

  1. верстка должна в точности соответствовать рисунку (пиксельная точность)
  2. не использовать классы и идентификаторы
  3. количество товара в каталоге не ограничено
  4. новый товар заносится в список путем добавления <li></li>
  5. горизонтальные ряды товаров разделены линией
  6. список, фиксированный по ширине
  7. картинки товара одного размера (темный прямоугольник)
  8. у всех картинок одинаковая рамка
  9. кроссбраузерность, валидность
  10. в html-код можно добавить один свой элемент

Успехов! Награда ждет своего победителя!

  • Правила конкурса смотрите здесь
-->

Внимание! АКЦИЯ!

Вступите в группу Вконтакте и получите бесплатную консультацию по верстке. Расскажите друзьям про группу и получите 5% скидку на услуги Webmolot.com