写真の配置について質問です。
tableタグの中に写真を入れることで、写真の位置を固定しようと考えたのですが、なぜか下記の写真の中の、太陽の模様の建物の写真がなぜか右側に飛び出してしまいます。
今回、改善にあたって、chromeの開発ツールを用いて調べたり、cssの文法をくまなく調べたのですが、右にずれそうな要因を見つけることができませんでした。
どのようにすれば、太陽の模様の建物の写真を左に戻すことができますでしょうか?
大変恐縮ですが、どなたか分かる方ご教授願えないでしょうか?
どうぞよろしくお願いします。
HTML
<table width="648" cellspacing="0" cellpadding="0" border="1"> <tr> <td ><img src="img/mainimage.png" alt="mainimage"></td> </tr> <tr> <td align="left" width="50%"><img src="img/sofa.png" alt="ゆったりとしたソファー"></td> <td align="left" width="50%"><img src="img/appearance.png" alt="お店の外観"></td> </tr> <tr> <td align="left" valign="top" width="50%" class="pd1"><span class="color_1">※ゆったりとしたソファーでお待ち頂けます。</span></td> <td align="left" valign="top" width="50%" class="pd1"><span class="color_1">※お店の外観です。</span></td> </tr> </table>
CSS
content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; } .clearfix { display: inline-block; min-height: 1%; #main { float:right; width:650px; margin:0; margin-bottom:100px; padding-left:16px; }
回答1件
あなたの回答
tips
プレビュー