편집 기록

편집 기록
  • 프로필 엽토군님의 편집
    날짜2021.02.09

    카페 24 위치 수정 (부모 자식 문제)


    <!-- IN SHOP-Best -->
    <div class="In_Best">
        <div class="wrap_default" module="product_listmain_5">
            <div id="In_Shop">
                <div id="viewArea">
                    <!--
                    $count = 10
                    -->
                    <div id="imgList">
                        <div id="product_img">
                            <a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src='{$image_medium}' alt="{$subject}" class="thumb" id="SD_img"/></a>
                            <span id="wish_button" >{$list_wish_icon}</span>
                            <ul module="product_ListItem">
                                <li class="{$item_display|display}" style="font-family:'Roboto';"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
                            </ul>
                            <p style="width:240px;">
                                <strong class="name"><a href="{$link_product_detail}" style="font-family:'Roboto'; font-weight:500 ;white-space:nowrap; word-wrap:normal;overflow:hidden;"><span class="title {$product_name_title_display|display}">{$product_name_title} :</span> {$product_name}</a></strong>
                            </p>
                        </div>
                        <div id="product_img">
                            <a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src='{$image_medium}' alt="{$subject}" class="thumb" id="SD_img"/></a>
                            <span id="wish_button" >{$list_wish_icon}</span>
                            <ul module="product_ListItem">
                                <li class="{$item_display|display}" style="font-family:'Roboto';"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
                            </ul>
                            <p style="width:240px;">
                                <strong class="name"><a href="{$link_product_detail}" style="font-family:'Roboto'; font-weight:500 ;white-space:nowrap; word-wrap:normal;overflow:hidden;"><span class="title {$product_name_title_display|display}">{$product_name_title} :</span> {$product_name}</a></strong>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="newinbutton">
            <a href="/index.html"><P>SHOP ALL </P></a>
        </div>
    </div>
    <!-- IN SHOP-Best 끝 -->
    
    #In_Shop #viewArea #imgList #product_img #wish_button { position:absolute; z-index:100; cursor:pointer; bottom:0; display:block;margin-left:210px;} 
    #In_Shop #viewArea #imgList #product_img {float:left; height:370px; padding-bottom:30px; margin: 0 15px; overflow:hidden;}
    #In_Shop #viewArea #imgList #product_img #SD_img {width:240px; height:290px; overflow:hidden; object-fit: fill;}  
    #In_Shop #viewArea #imgList #product_img p {text-overflow: ellipsis; overflow:hidden; text-align:left; margin-top:10px;}  
    #In_Shop #viewArea #imgList #product_img ul {overflow:hidden; text-align:left; margin-top:20px;} 
    

    html/css코드입니다.

    이런 코드입니다. 문제는 span에 wish_button이라는 id를 넣었는데 이거의 부모가 product_img가 아니라 imgList가 되는거 같습니다 이유가 뭘까요? 사진에 하트가 제품 사진 위로 올라오길 바랍니다 ㅠㅠ 지금 저게 bottom 0을 준거에요.

    이미지

  • 프로필 석윤지님의 편집
    날짜2021.02.09

    카페 24 위치 수정 (부모 자식 문제)


    <!-- IN SHOP-Best -->
    <div class="In_Best">
        <div class="wrap_default" module="product_listmain_5">
            <div id="In_Shop">
                <div id="viewArea">
                    <!--
                    $count = 10
                    -->
                    <div id="imgList">
                        <div id="product_img">
                            <a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src='{$image_medium}' alt="{$subject}" class="thumb" id="SD_img"/></a>
                            <span id="wish_button" >{$list_wish_icon}</span>
                            <ul module="product_ListItem">
                                <li class="{$item_display|display}" style="font-family:'Roboto';"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
                            </ul>
                            <p style="width:240px;">
                                <strong class="name"><a href="{$link_product_detail}" style="font-family:'Roboto'; font-weight:500 ;white-space:nowrap; word-wrap:normal;overflow:hidden;"><span class="title {$product_name_title_display|display}">{$product_name_title} :</span> {$product_name}</a></strong>
                            </p>
                        </div>
                        <div id="product_img">
                            <a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src='{$image_medium}' alt="{$subject}" class="thumb" id="SD_img"/></a>
                            <span id="wish_button" >{$list_wish_icon}</span>
                            <ul module="product_ListItem">
                                <li class="{$item_display|display}" style="font-family:'Roboto';"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
                            </ul>
                            <p style="width:240px;">
                                <strong class="name"><a href="{$link_product_detail}" style="font-family:'Roboto'; font-weight:500 ;white-space:nowrap; word-wrap:normal;overflow:hidden;"><span class="title {$product_name_title_display|display}">{$product_name_title} :</span> {$product_name}</a></strong>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="newinbutton">
            <a href="/index.html"><P>SHOP ALL </P></a>
        </div>
    </div>
    <!-- IN SHOP-Best 끝 -->
    
    #In_Shop #viewArea #imgList #product_img #wish_button { position:absolute; z-index:100; cursor:pointer; bottom:0; display:block;margin-left:210px;} 
    #In_Shop #viewArea #imgList #product_img {float:left; height:370px; padding-bottom:30px; margin: 0 15px; overflow:hidden;}
    #In_Shop #viewArea #imgList #product_img #SD_img {width:240px; height:290px; overflow:hidden; object-fit: fill;}  
    #In_Shop #viewArea #imgList #product_img p {text-overflow: ellipsis; overflow:hidden; text-align:left; margin-top:10px;}  
    #In_Shop #viewArea #imgList #product_img ul {overflow:hidden; text-align:left; margin-top:20px;} 
    

    html/css코드입니다.

    이런 코드입니다. 문제는 span에 wish_button이라는 id를 넣었는데 이거의 부모가 product_img가 아니라 imgList가 되는거 같습니다 이유가 뭘까요? 사진에 하트가 제품 사진 위로 올라오길 바랍니다 ㅠㅠ 지금 저게 bottom 0을 준거에요. 이미지