Помогите! Проблема в вёрстки.

  • Автор темы Автор темы plac
  • Дата начала Дата начала
Статус
Закрыто для дальнейших ответов.
P

plac

Участник
Топикстартер
Сообщения
1
Реакции
0
В общем как вы видите блок отображается под блоком а должен поверх, пытался исправить ничего не получилось. HTML и CSS ниже.
Синим обозначен нормально отображаемый блок (так же должен выглядеть и второй только с другой стороны).
Очень прошу помочь

1.png


HTML: 
<div style="display:none;"><table border="0" cellpadding="0" cellspacing="6" width="100%"><tr valign="top">
<td width="150"> <a id="ipreview" href="$ENTRY_URL$"><img alt="" src="$THUMB$" class="gphoto" id="$BLOCK_PREF$-gphoto-$ID$"></a> </td>
<td>

<a style="font-size:16px" href="$ENTRY_URL$"><?if(len($NAME$)>40)?><?substr($NAME$,0,20)?>...<?else?>$NAME$<?endif?> </a>
<?if($RATING$)?><div style="margin-top:10px;"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?>
<?if($BRIEF$)?><div style="margin-top:10px; font-size:10px;">$BRIEF$</div><?endif?>
<div style="font-size: 18px; margin:10px 0;"><?if($PRICE_OLD$)?><s>$PRICE_OLD$</s> <span class="newprice">$PRICE$</span><?else?>$PRICE$<?endif?></div>
<ul class="shop-options" id="$BLOCK_PREF$-$ID$-options">
<li><span class="opt">Артикул:</span> <span class="val art">$ART_NO$</span></li><li><span class="opt">Наличие:</span> <span class="val stock">$STOCK$</span></li>
$OPTIONS$
</ul>
<table><tr><td>$2BASKET$<!--<div>$2BASKET_Q$</div>--></td><td>$2WISHLIST$</td></tr></table></td>
</tr></table></div>

<div class="entry">
<div class="entry_content">
<?if($PRICE_OLD$)?><div class="entry_discount25"></div><?endif?>
<div class="entry_images"><img src="$THUMB$" alt=""></div>
<div class="entry_title"><?if(len($NAME$)>40)?><?substr($NAME$,0,20)?>...<?else?>$NAME$<?endif?></div>
<div class="entry_description">$BRIEF$</div>
<div class="entry_price"><?if($PRICE_OLD$)?><s>$PRICE_OLD$</s> <span class="newprice">$PRICE$</span><?else?>$PRICE$<?endif?></div>
<div class="entry_hov">
<div class="entry_hov_title"><?if(len($NAME$)>40)?><?substr($NAME$,0,20)?>...<?else?>$NAME$<?endif?></div>
<div class="entry_hov_description">$DESCRIPTION$</div>

<div style="font:18px OpenSans;color:#7e8c8d;font-weight:bold;text-align:center; position:absolute; bottom:2px; margin: 0 25% -46.5% 25%; width:50%;"><?if($PRICE_OLD$)?><s>$PRICE_OLD$</s> <span class="newprice">$PRICE$</span><?else?>$PRICE$<?endif?></div>
</div>
</div>
<div class="entry_bottom">
<a href="javascript://" onclick="add2Basket('$ID$','last_add');" class="entry_add">Добавить в корзину</a>
<div class="line"></div>
<a href="$ENTRY_URL$" class="entry_more">Подробнее</a>
</div>
<div class="entry_left_info">
<ul>
<li>Производитель: $BRAND$</li>
<li>Статус: <span>$STOCK$</span></li>
<li>Артикул: <span>$ART_NO$</span></li>
<li>Печаль: <span>Гравировка</span></li>
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
</ul>
</div>
   
    <div class="entry_right_info">
<ul>
<li>Производитель: $BRAND$</li>
<li>Статус: <span>$STOCK$</span></li>
<li>Артикул: <span>$ART_NO$</span></li>
<li>Печаль: <span>Гравировка</span></li>
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
</ul>
</div>
   
</div>

CSS

Код: 
/*-- entry --*/
.entry {width:294px;position:relative;}
.entry_content {height:294px;border:1px solid #DDDDDD;border-bottom:0px;position:relative;}
.entry_discount25 {background:url('/img/entry_discount.png');width:68px;height:68px;position:absolute;top:-3px;right:-3px;}
.entry_images {width:225px;height:158px;margin:14px auto;}
.entry_images img {max-width:225px;max-height:158px;}
.entry_title {font:18px OpenSans;color:#7e8c8d;font-weight:bold;text-transform:uppercase;text-align:center;line-height:18px;}
.entry_description {color:#9fa4a4;text-align:center;padding:0 45px;margin-top:15px;height:45px;}
.entry_price, .entry_hov_price {font:18px OpenSans;color:#7e8c8d;font-weight:bold;text-align:center; position:absolute; bottom:2px; margin:0 25% 0 25%; width:50%;
}
.entry_hov {display:none;position:absolute;top:0;left:0;width:292px;height:158px}
.entry_hov_title {background:#4c4c4c;font:18px OpenSans;color:#fff;font-weight:bold;text-transform:uppercase;text-align:center;line-height:33px;}
.entry_hov_description {background:rgba(255,255,255,0.9);color:#313131;height:195px;font:13px OpenSans;font-weight:bold;padding:18px 35px 0px;text-align:center;}
.entry_content:hover > .entry_title, .entry_content:hover .entry_description, .entry_content:hover > .entry_price {display:none;}
.entry_content:hover > .entry_hov {display:block;}
.entry_bottom {background:#5a9ab7;border-top:3px solid #538ea9;height:39px;line-height:36px;font-weight:bold;}
.entry_bottom a.entry_add {background:url('/img/icons/entry_add.png')no-repeat 16px 8px;color:#fff;padding-left:48px;float:left;}
.entry_bottom .line {background:url('/img/line.png')repeat-y;width:3px;height:39px;float:left;margin-left:11px;}
.entry_bottom a.entry_more {background:url('/img/icons/entry_more.png')no-repeat 12px 10px;color:#fff;padding-left:48px;float:left;}

.entry_left_info {background:url('/img/entry_left_info.png')repeat-y;width:201px;left:-201px;bottom:0;position:absolute;display:none;}
.entry_right_info {background:url('/img/entry_left_info.png')repeat-y;width:201px; right:-201px;;bottom:0;position:absolute;display:none;}

.entry:hover > .entry_left_info {display:block;}
.entry:hover > .entry_right_info {display:block;}

.entry_left_info ul li {background:url('/img/line_b.png')repeat-x bottom, url('/img/line_dark.png')repeat-y 4px 2px;min-height:36px;padding-left:10px;line-height:32px;color:#fff;}
.entry_left_info ul li a {color:#6f6f6f;}
.entry_left_info ul li a:hover {color:#5a9ab7;}
.entry_left_info ul li span {background:#5a9ab7;height:18px;line-height:18px;margin:7px 10px 0 0;padding:0 5px;float:right;}
.entry_left_info ul li:last-child {line-height:23px;}

.entry_right_info ul li {background:url('/img/line_b.png')repeat-x bottom, url('/img/line_dark.png')repeat-y 4px 2px;min-height:36px;padding-left:10px;line-height:32px;color:#fff;}
.entry_right_info ul li a {color:#6f6f6f;}
.entry_right_info ul li a:hover {color:#5a9ab7;}
.entry_right_info ul li span {background:#5a9ab7;height:18px;line-height:18px;margin:7px 10px 0 0;padding:0 5px;float:right;}
.entry_right_info ul li:last-child {line-height:23px;}
/*-- /entry --*/
 
Вы ошиблись форумом.
 
Человек!
1. См. что написал Krest
2. Каким браузером смотрите? Или во всех так?
3. По-хорошему, нужно уважать время других, и давать не вырезку из кода, а тупо весь html + css. Реально, ну, кому охота ковырятся в чужом коде?
4. <?if($RATING$)?> - что-то я сомневаюсь, что это чистый html, это ли не cms`ка какя-то?
и .т.п.

Если бы я хотел узнать ответ на вопрос, я бы максимально развернуто его задавал, и, см. второй раз ответ Krest`а, не на этом форуме.
 
Статус
Закрыто для дальнейших ответов.
Верх Низ