ооо, целая страница обсуждения про абсолютное позиционирование.
Уважаемые, если вы занимаетесь изготовлением сайтов, наверное надо выделить время на изучение хотя бы азов css
Итак, рассказываю.
Абсолютное позиционирование работает (ставит координаты) относительно того элемента, у которого позиционирование относительное (relative).
То-есть, если мы имеем
div id=shop_browse (position: relative)
div id=tovar_items (position - НЕ прописано)
div id=img_label (position: absolute)
div id=tovar_items (position - НЕ прописано)
div id=img_label (position: absolute)
div id=tovar_items (position - НЕ прописано)
div id=img_label (position: absolute)
div id=tovar_items (position - НЕ прописано)
div id=img_label (position: absolute)
где:
div id=shop_browse - контейнер ВНУТРИ которого выводится СПИСОК товаров,
div id=tovar_items - контейнер товара
div id=img_label - контейнер "метки" - новинка или лидер продаж
то контейнеры меток (div id=img_label) "спозиционируются" НЕ относительно контейнеров товаров (div id=tovar_items), а относительно контейнера списка товаров (div id=shop_browse)
Таким образом, если мы хотим позиционировать контейнеры меток относительно контейнеров ТОВАРОВ, нам нужно в стилях контейнеров товаров (div id=tovar_items) прописать position: relative;
ps. ну и на мой взгляд, для вывода картинки-метки, не нужно ее оборачивать в дополнительный див. Можно прописать стили к самой картинке.
например - img id=new_label или img id=leader_label
то-есть вот это можно смело модифицировать в такой вид
// Check for new product wher $db_product query is "SELECT * FROM #__{vm}_product WHERE
// product_id='$product_id' "
if ((time() - $db_product->f("cdate")) < (14 * 86400)) { // 14 Days * (number of seconds in 24 hours)
//$new_img = "New Item"; // code required for new tag - text only version
$new_img_fly = '<img id="new_label" src="'. $mosConfig_live_site .'/images/stories/labels_product/new_img_fly.png" border="0" alt="Новинка" title="Новинка" align="right">'; // code required for new tag
} else {
$new_img_fly = "";
}
if( $db_product->f("product_special") == "Y" ) {
$leader_img_fly = '<img id="leader_label" src="'. $mosConfig_live_site .'/images/stories/labels_product/leader_img_fly.png" border="0" alt="Лидер продаж" title="Лидер продаж" align="right">'; // code required for new tag
} else {
$leader_img_fly = "";
}
и, соответственно, прописать стили
img#new_label,
img#leader_label {
position: absolute;
top: 10px; /*или bottom: нужное значение;*/
left: 10px; /*или right: нужное значение;*/
}
хак полезный, автору +