ここから本文です

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

b02224016bb_bdssさん

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<br><br></td>
<td>AAA日UP<br><br></td>
<td>AAA日UP<br><br></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<br><br></td>
<td>AAA日UP<br><br></td>
<td>AAA日UP<br><br></td>
</tr>

</table>
</p>
</center>


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

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

宜しくお願い致します。

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

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

閲覧数:
29
回答数:
2

違反報告

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

プロフィール画像

カテゴリマスター

kiki_mimiyさん

リクエストマッチ

2017/10/507:52:01

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

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

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

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

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

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

  • kiki_mimiyさん

    2017/10/508:20:42

    P.S.
    nowrap属性も非推奨です!
    が、その辺りを調べられたら
    解決につながることと思います。

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

この質問は投票によってベストアンサーに選ばれました!

ベストアンサー以外の回答

1〜1件/1件中

sakago2204さん

2017/10/510:05:19

あんまりよく見てないですがcolspan使えばいいんでねぇの?

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問や知恵ノートは選択されたID/ニックネームのMy知恵袋で確認できます。