ライトボックス画像のサムネイルを作成

Question

私の人生ではサムネイル画像を取得できません。ページは次のとおりです。

#kidswehelp_images { 
position: relative; 
float: left; 
width: 25px; 
height: 25px; 
background-position: 50% 50%; 
background-repeat: no-repeat; 
background-size:  cover;} 

はちょうどそれは、たくさんの滑らかな印象ですので、画像が同じ大きさにするために取得しようとしている：私はそれを呼び出す必要があり

www.aliceskids.org/kidswehelp2.html

。

[画像のためだhttp://www.aliceskids.org/kidswehelp2.html]

<a href="../images/thankyounotes/girl_clothing.jpg" data-lightbox="kidswehelp" data-title=""><img id="clothing" src="../images/thankyounotes/girl_clothing.jpg" class="myThumbs"></a> 

    <a href="../images/thankyounotes/football_equipment.jpg" data-lightbox="kidswehelp" data-title=""><img id="football" src="../images/thankyounotes/football_equipment.jpg" class="myThumbs"></a> 

    <a href="../images/thankyounotes/soccer_equipment.jpg" data-lightbox="kidswehelp" data-title=""><img id="soccer" src="../images/thankyounotes/soccer_equipment.jpg" class="myThumb"></a> 

    <a href="../images/thankyounotes/maxx_clothing.jpg" data-lightbox="kidswehelp" data-title=""><img id="maxx" src="../images/thankyounotes/maxx_clothing.jpg" class="myThumb"></a> 

    <a href="../images/thankyounotes/new_shoes.jpg" data-lightbox="kidswehelp" data-title=""><img id="newshoes" src="../images/thankyounotes/new_shoes.jpg" class="myThumb"></a>' 

。

これは、スタイルシートからです：

'.myThumbs { 
float: left; 
margin-right: 1%; 
margin-bottom: 0.5em; 
width: 50%; 
height: 50%;}' 

Answer 1

あなたが全体のdivではなく、画像自体に25ピクセルを適用しています。

は以下のように、そのグループ内のクラスを各画像を与える：

class="mythumbs" 

を、あなたはその後、#kidswehelp_images