Vogo Сообщение 12/08/2010 09:07 Копия темы
Сверстать ярлычки Подскажите, как правильно сверстать вот такую штуку как на картинке.

Есть блоки с товарами div style="float:left"
внутри каждого дива есть картинка, цена, название товара.
   
Необходимо внутри этого блока показывать определенные блочки как то:
– Новинка
– Акция
– Супер цена
– И т.д.

Как лучше это сверстать?
Пробую добавить внутрь div внутри которого span-ы у которых задано position: relative с соответствующим сдвигом. Но место занимаемое этим дивом приводит к тому что все выглядит как на картинке – внизу под названием товара много свободного места.

В ИЕ6 так выглядит, в ФФ – нормально.

contenter Сообщение 12/08/2010 09:16 Копия темы
div {position:relative}
спаны которые внутри дива position:absolute

Vogo Сообщение 12/08/2010 09:19 Копия темы
Спасибо, сейчас попробую

Sideful Сообщение 12/08/2010 09:20 Копия темы
Я бы списком с position:absolute сверстал)

Vogo Сообщение 12/08/2010 09:22 Копия темы
Ура, заработало! +1

Vogo Сообщение 12/08/2010 09:22 Копия темы
Спасибо!

Sideful Сообщение 12/08/2010 09:27 Копия темы
Что-то вроде этого: sideful.ru/divul/

UPD: Уже не актуально похоже T_T

Vogo Сообщение 12/08/2010 09:37 Копия темы
Посмотрел!
Да, может так будет правильнее- списком... с точки зрения семантики.

chezare Сообщение 12/08/2010 12:47 Копия темы
не совсем поняла, почему так выглядит, выложите ссылку плиз, если ещё актуально