Когда я думал над новым заданием для конкурса, очень хотелось, чтобы его можно было применить на практике. Надеюсь, когда конкурс закончится и определится победитель, решение будет полезным для многих. Итак, поехали.
Необходимо придумать решение для фиксирования блока на странице, как показано на видео.
Сверстать страницу по картинке. При верстке необходимо соблюдать условия:
- верстка должна в точности соответствовать рисунку (пиксельная точность)
- верстка резиновая. Левая колонка фиксированной ширины, правая — тянется
- минимальная ширина страницы 600px
- футер прижат к низу страницы
- колонки растягиваются на всю высоту экрана
- кроссбраузерность Internet Explorer 5.5 +, Mozilla Firefox 2.0 +, Opera 8.5 +, Google Chrome, Safari 3.0 +
- валидный HTML и CSS
- чистый HTML и CSS, без javascript, expression и др.
Сверстать список товаров с описанием к ним. Если описание не вмещается в одну строку, оно должно обрезаться многоточием. При наведении на картинку и/или на текст, описание должно показываться полностью. Товар и текст с его описанием являются ссылкой.
Сверстать список товаров каталога по картинке, используя следующий код 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>
Запускается новый конкурс «Верстальщик — виртуоз»
Тот, кто считает себя продвинутым верстальщиком, мастером блочной верстки, кто не боится сложных задач и стремится к совершенству – этот конкурс для Вас.
