
현재 위에 4개 상품 이미지처럼 되어있는데
제목길이에따라 위치가 바껴서
아래4개 상품 이미지처럼 맨아랫쪽에 고정시키고싶습니다
소스코드 첨부합니다 답변 부탁드립니다!
Copy
{*** 갤러리형 | goods/goods_list.php ***}<!--{ ? !id }--><? {id} = "es_".md5(crypt('')); ?><!--{ / }--><!-- 상품 리스트 --><table width=100% border=0 cellpadding=0 cellspacing="0"><tr> <!--{ @ loop }--> <!--{ ? .index_ && .index_%cols==0 }--></tr><tr><!--{ / }--> <!-- 개별상품 start --> <td align=center valign=top width="{100/cols}%" > <div style="margin:0 0 15px 0;padding-top:2px;width:240px !important;height:402px;background:url('/shop/data/skin/freemart/img/bg_off.jpg') 0 0 no-repeat;cursor:pointer;" onmouseover="this.style.backgroundImage='url(/shop/data/skin/freemart/img/bg_on.jpg)'" onmouseout="this.style.backgroundImage='url(/shop/data/skin/freemart/img/bg_off.jpg)'" onclick="document.location.href='{.goods_view_url}'"> <!-- 상품이미지 --> <div><a href="{.goods_view_url}">{=goodsimg(.img_s,size,'height=236','class="'+ .css_selector +'"')}</a></div> <!-- 짧은 설명 --> <!--<div style="margin-top:15px;padding-left:10px;font-size:10px;color:#999;text-align:left;height:17px;">{.shortdesc}</div>--> <!-- 상품명 --> <div style="margin-top:10px;padding-left:10px;font-size:15px;color:#333;text-align:left;font-weight:bold;">{.goodsnm}</div> <!-- 할인 및 가격정보 --> <div style="padding-top:10px;padding-left:10px;text-align:left;"> <div style="float:left;color:#e30f13;font-size:37px;font-weight:bold;width:80px;"> <!--{ ? .price}--> <!--{ ? .consumer }-->{? .consumer && .price}{=round((1-(.price/.consumer ))*100)}% {/} <!--{ / }--> <!--{ / }--> </div> <div style="float:left;"> <span style="font-size:13px;color:#999"><!--{ ? .consumer }--><strike style="font-size:14px; color:#95979F;">{=number_format(.consumer)}원</strike>↓<!--{ / }--></span><br> <span style="font-size:19px;color:#333;font-weight:bold;">{=number_format(.price)}</b><span style="font-size:17px;color:#333;font-weight:bold;"> 원</span> {? .special_discount_amount}<img src="../../img/icon/goods_special_discount.gif">{/}</span> </div> </div> <!-- float 해제 --> <!-- 구분선 --> <div style="clear:both;margin:0 15px;padding:0;text-align:left;height:1px;border-top:1px solid #d6d6d6;overflow:hidden"></div> <!-- 아이콘 및 재고량 --> <div> <div style="float:left;padding-top:0px;padding-left:10px;"> {.icon} </div> <div style="float:right;padding-right:15px;"> <strong style="color:#0085da;font-size:18px;">{=(goods_ord_ct(.goodsno) + .goods_ord_ct)}</strong><span style="color:#ccc;font-size:11px;"> 개 구매</span> </div> </div> </div> </td> <!--{ / }--> <!-- 개별상품 end --></tr></table>
<!-- 품절상품 마스크 --><div id="el-goods-soldout-image-mask" style="display:none;position:absolute;top:0;left:0;background:url({ ? _cfg_soldout.display_overlay == 'custom'}../data/goods/icon/custom/soldout_overlay{:}../data/goods/icon/icon_soldout{_cfg_soldout.display_overlay}{/}) no-repeat center center;"></div><script>addOnloadEvent(function(){ setGoodsImageSoldoutMask() });</script>
답변 1개
채택된 답변
+20 포인트
2014-02-21 (금) 20:34:13
<!-- 상품명 -->
<div style="height:60px;margin-top:10px;padding-left:10px;font-size:15px;color:#333;text-align:left;font-weight:bold;">{.goodsnm}</div>
<div style="height:60px;margin-top:10px;padding-left:10px;font-size:15px;color:#333;text-align:left;font-weight:bold;">{.goodsnm}</div>
답변을 작성하려면 로그인이 필요합니다.