こちらの複数の様々なサイズの画像同士の隙間を
均等にしつつ、尚且つ画像やテーブルはウィンドウサイズによって
可変する様に作成したいと考えておりますが、
どのように作成すればいいかが分かりません。。。
※ちなみにこちらのHTMLは完成後、
ページ上にはifreamで読み込みそちらも可変する様に
設置したいと考えております。
lang
1<html> 2<head> 3<meta charset="utf-8"> 4<title>無題ドキュメント</title> 5</head> 6 7<body> 8 9<table width="970" border="0" cellspacing="0" cellpadding="0"> 10 <tbody> 11 <tr> 12 <td colspan="2"><img src="http://placehold.jp/800x400.png" alt="" width="98%" border="0"/></td> 13 <td><img src="http://placehold.jp/400x400.png" alt="" width="98%" border="0"/></td> 14 <td><img src="http://placehold.jp/400x400.png" alt="" width="98%" border="0"/></td> 15 </tr> 16 <tr> 17 <td><img src="http://placehold.jp/400x400.png" alt="" width="98%" border="0"/></td> 18 <td><img src="http://placehold.jp/400x400.png" alt="" width="98%" border="0"/></td> 19 <td colspan="2"><img src="http://placehold.jp/800x400.png" alt="" width="98%" border="0"/></td> 20 </tr> 21 </tbody> 22</table> 23 24 25 26</body> 27</html>
以上、HTMLやCSSに詳しい方是非ご教授頂けましたら幸いです。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。