タグ初心者です。宜しくお願い致します。スクロールで以下の写真・文字（...

2017/10/507:05:50

タグ初心者です。

宜しくお願い致します。

スクロールで以下の写真・文字（図a）をタグ作成をしておりますが

<center><p style="width:640px;height:1280px;overflow:auto;text-align:

left;padding:10px;border-style:solid;border-width:1px;border-color:#FFFFFF;">
<table border="0">

<tr>
<td><a href="リンク先"><img src="写真.jpg"border="0"></a></td>
<td><a href="リンク先"><img src="写真.jpg"border="0"></a></td>
<td><a href="リンク先"><img src="写真.jpg"border="0"></a></td>
</tr>
<tr align="center" >
<td>AAA </td>
<td>AAA日UP </td>
<td>AAA日UP </td>
</tr>

<省略>

<tr>
<td><a href="リンク先"><img src="写真.jpg"border="0"></a></td>
<td><a href="リンク先"><img src="写真.jpg"border="0"></a></td>
<td><a href="リンク先"><img src="写真.jpg"border="0"></a></td>
</tr>
<tr align="center" >
<td>AAA </td>
<td>AAA日UP </td>
<td>AAA日UP </td>
</tr>

</table>

</center>

スクロールで（図b）のようなタグ作成がどうしてもレイアウトが崩れてしまします。

どうしたら良いのでしょうか？
タグ初心者ですので、詳しく教えていただけると助かります。

宜しくお願い致します。

td&gt,br&gt,jpg&quot,img src,tr&gt,HTML5,nowrap属性

この質問は、活躍中のチエリアン・専門家に回答をリクエストしました。

共感した 0

閲覧数：: 30
回答数：: 2

違反報告

ベストアンサーに選ばれた回答

カテゴリマスター

kik********さん

リクエストマッチ

2017/10/507:52:01

どうやら、タグの使い方に問題が
ありそうなコーディングですね。

だって、のっけから
非推奨のCENTERタグなど使っているのだから。

このタグは HTML 4 （及び XHTML）で
非推奨要素に指定されていますよ。
いまや主流になりつつある HTML5 では、
完全に廃止されています。

また、TDタグ内に改行の を多用して
おられますが、そのあたりも改善の余地が
ありそうです。

それはそうとして、本件の
「レイアウトが崩れる」の解決策として
キーワードは『nowrap属性』のようです。

いずれにしても、各画像サイズ(width、height）が
具体的に示されていれば、もっと
的確な回答ができると思います。