写真のHTMLとCSS

写真 【j-imageSubtitle】

<div class="n j-imageSubtitle ">
■写真のクラス名
 j-imageSubtitle

<figure class="cc-imagewrapper cc-m-image-align-1">

■figureのclass名
 cc-imagewrapper
 cc-m-image-align-1


<img src="URL" alt="" class="" data-src-width="640" data-src-height="480"/>

※画像には、なぜかクラス名は当てられていないようだ。

写真のコンテンツを指定するには、元親のクラス名が必要(j-imageSubtitle)

</figure>


<div class="cc-clear"></div>

<script id="cc-m-reg-XXXXXXXXXXX">

// <![CDATA[

    window.regModule("module_imageSubtitle", {"data":{"imageExists":true,"hyperlink":"","hyperlink_target":"","hyperlinkAsString":"","pinterest":"0","id":XXXXXXXXXXX,"widthEqualsContent":"0","resizeWidth":"220","resizeHeight":165},"id":XXXXXXXXXXX});

// ]]>

</script>
</div>


html * div.n {

    height: 1%;

}

div.n, div.flexmodul {

    padding: 5px;

}

.cc-imagewrapper {

    position: relative;

}

.cc-m-image-align-1, .cc-m-image-align-1 img {

    float: left;

}

.cc-imagewrapper {

    display: block;

    height: auto !important;

    margin: 0;

    width: 100%;

}

.cc-imagewrapper, .cc-imagewrapper img, .cc-shop-product-img-confines img, select.cc-product-variant-selectbox {

    max-width: 100%;

}

.cc-m-image-align-1, .cc-m-image-align-1 img {

    float: left;

}

.cc-imagewrapper img {

    display: block;

    left: 0;

    top: 0;

}

.cc-imagewrapper, .cc-imagewrapper img, .cc-shop-product-img-confines img, select.cc-product-variant-selectbox {

    max-width: 100%;

}

a img, img {

    border: 0 none;

}

株式会社 PIK

〒108-0075 港区港南3-4-12

TEL.03-6433-0422