画像をメイン ボックスの中央に配置し、境界線の内側に折り返すようにしようとしています。複数の画像があり、サイズが異なるため、これは自動です。
これはcssです:
.bild2 {
border:3px solid #999;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:20px;
box-shadow:rgba(0,0,0,0.5) 0px 0px 24px;
height: auto;
overflow: hidden;
margin: auto;
}
およびhtml:
<div class="bild2" style="width:406px;">
<a href="../index.html">
<img src="images/boyP.jpg" onclick="var node=parentNode.parentNode.parentNode.parentNode; if( node.click ) { return node.click(); } else { return true; }">
</a>
</div>