
お世話になります。
現在ヤフオクの出品に際しまして、HTMLで出品商品の説明文の登録作業をしているのですが、その文面の冒頭の箇所だけが、<center>指定をしているのに、中央揃えで表示されず、左端に行ってしまいます。
このHTMLソースは、IE6.0及び、HTMLエディタの「AmBuilder」というソフトでは、きちんと(冒頭行も)中央揃えで表示されています。しかし、ヤフオクにこのソースを登録すると、上記のような症状になってしまいます。
※下のソース内の「●商品説明●」という文字だけ(<center>表記をしているのに、していないように)左寄りで表示されます。それより以下は、キチンと中央揃えで表示されています。
原因がお分かりの方、宜しくご教授をお願いいたします。
※この場所では、字数制限で全部は書けないので、冒頭の方のみ書かせて頂きます。感じとしては、以下の「●商品説明●」の前後のソースを、タイトルを変えて、3回繰り返すような形です。
どなた様か、お答え頂けたときには、そちらの返信に全文載せさせて頂きたいです。
<center>
<table border=0 cellspacing=0 cellpadding=1 width=80%>
<tr>
<td bgcolor=FFAE35>
<table width=100% border=0 cellspacing=0 cellpadding=2 bgcolor=#ffffff>
<tr><td bgcolor=FFAE35><font size=-1><b><center>●商品説明●</b></center></font></td></tr>
<tr><td height=5></td></tr>
<tr><td><p style ="line-height:150%"><font size=-1>説明本文1</font></td></tr></p>
<tr><td height=5></td></tr>
</table>
</table>
</center>
No.1ベストアンサー
- 回答日時:
<tr><td bgcolor=FFAE35><font size=-1><b><center>●商品説明●</b></center></font></td></tr>
↑この行を
<tr><td bgcolor=FFAE35 align="center"><font size=-1><b>●商品説明●</b></font></td></tr>
で大丈夫だと思うんですが、とりあえず↓の欄にhtml全文をどうぞ。
お礼が遅くなってしまい申し訳ありません!
ご回答頂いたように記述してみましたところ、キチンと表示されるようになりました!
解決しましたので、HTML全文を書くのは控えますが、ご親切に全文掲載も勧めて頂きまして、有り難うございました。
お忙しいところ、素早いお答えを頂きまして、誠に感謝いたします。また何かの折には、よろしくお願いいたします。
お世話になりました!
<変だった原因について>
変だった原因は、最初の行の<center>が、何度書いても、取り消されるせいだったようです(後ろの</center>の方は残っていました)。
説明文などを一旦記入した後、書き直し操作である「修正する」を選択して、元のHTML入力画面に戻った時に気づきました(その時には、書いた筈の1行目の<center>が消えていました。しかし、2行目以降の表記は消えていませんでした)。
私の全体的にグダグダなHTML表記が原因で、タグ同士の干渉などで、無効扱いの表記になっていたのかな?と思いますが、結局のところ原因はよく分かりません(その後、他の箇所でも幾つか同様の症状(書いていたのに、消されてる)が出ました)。
ただ、ご教授頂きました様に、align表記を使うようにいたしました所、正常に表示されるようになりました。
No.3
- 回答日時:
<td> 内に align="center"> でOK
---------------------------------------
<tr>
<td bgcolor=FFAE35 align="center"><font size="-1"><b>●商品説明●</b></font>
</td>
</tr>
---------------------------------------
今後の為に「値」にも「"値"」のように「"」を付けたほうがいいですよ。
#1,2さんのご指摘(ちぐはぐになっいてる)のように
左右対称になるようにする。
タグには、親子関係があるので子タグが親タグの外に出ないようにする。
お礼が遅くなりまして、申し訳ありません!
値をクォテーションで囲む件、勉強になりました。
お三方とも優劣付け難いアドバイスを頂きまして、大変感謝しておりますが、今回は先着順にということで、naokita様には大変申し訳ありませんが、ポイントの方は前者のお二方に発行させて頂きます。ごめんなさい!
※尚、口答えする訳ではないのですが、ヤフオクの商品解説文に記述するスペースでは、「"」の記述は省略されるようですね。
ヘルプリンク先の「Another HTML-lint」などでは、省略記述には注意が下ったりするのに、ヤフオク本体では書いても意味が無い(と思う)というのは、なんだか変なの~と思いましたw
しかしながら、正規の記述では、これを入れるのが必要なようですし、別の場所での記述では注意したいと思います。お忙しい中、ご指導頂きまして、有り難うございました。
それでは、また何かの折には、宜しくお願いいたします。
この度は、お世話になりました!
No.2
- 回答日時:
えーと…。
申し訳ないのですけれど、突っ込みどころが満載です。今一度、各要素の親子関係を確認してみてください。
-- b要素とcenter要素の親子関係の不整合
× <b><center>●商品説明●</b></center>
○ <center><b>●商品説明●</b></center>
-- table要素が入れ子になっているにもかかわらず、tr,td の終了タグが存在しない
(そもそも入れ子にする必要性もないです。説明の都合上、入れ子にしておきましたが。)
× </table>
</table>
○ </table>
</td></tr>
</table>
-- p要素の終了タグが不正
× <tr><td><p style ="line-height:150%"><font size=-1>説明本文1</font></td></tr></p>
○ <tr><td><p style ="line-height:150%"><font size=-1>説明本文1</font></p></td></tr>
お礼が遅くなってしまい申し訳ありません!
お忙しい中、グダグダな記述へのご注意・ご指導を賜りまして、有り難うございました。
>>申し訳ないのですけれど
とんでもありません。しっかり注意して頂きまして、有り難うございます。
フリーの既存ソースを、覚えたての知識で弄って書いていたので、本当に基本的なところすら失笑を禁じえない記述で恥ずかしく思いますw
今後は、もう少し突っ込みどころの少ない記述が出来るように頑張りたいと思いますw
それでは、また何かお世話になる事がありました時には、よろしくお願いいたします!この度は、お世話になりました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・「それ、メッセージ花火でわざわざ伝えること?」
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・【お題】甲子園での思い出の残し方
- ・【お題】動物のキャッチフレーズ
- ・人生で一番思い出に残ってる靴
- ・これ何て呼びますか Part2
- ・スタッフと宿泊客が全員斜め上を行くホテルのレビュー
- ・あなたが好きな本屋さんを教えてください
- ・かっこよく答えてください!!
- ・一回も披露したことのない豆知識
- ・ショボ短歌会
- ・いちばん失敗した人決定戦
- ・性格悪い人が優勝
- ・最速怪談選手権
- ・限定しりとり
- ・性格いい人が優勝
- ・これ何て呼びますか
- ・チョコミントアイス
- ・単二電池
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・ゴリラ向け動画サイト「ウホウホ動画」にありがちなこと
- ・泣きながら食べたご飯の思い出
- ・一番好きなみそ汁の具材は?
- ・人生で一番お金がなかったとき
- ・カラオケの鉄板ソング
- ・自分用のお土産
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
table内で画像と文字をセンター...
-
Excelの列や行の幅を表示...
-
エクセルでサイズに合ったもの...
-
パソコンサイズが横30cm縦20cm...
-
CSSのtransform: translate(-50...
-
ホームページビルダーで表の列...
-
【エクセルVBA】シェイプのサイ...
-
text-alignの解除の方法
-
エクセル 画面表示拡大率によ...
-
パソコンでランドルト環の作成...
-
クリックで画像表示、さらに画...
-
<tbody>は何のためにあるんでし...
-
エクセルでサイズ指定でPOP...
-
エクセルの行の幅がずれる
-
外部CSSがFireFoxで反映されません
-
TD、THタグ内の水平罫線(...
-
PDFへてのテキストボックスにて...
-
cssでheight: auto;を指定して...
-
HTMLでブラウザを終了させる方法
-
小さいオーブンレンジを探して...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
table内で画像と文字をセンター...
-
テーブルで3セル作った行の下に...
-
<td> 内のテーブルを上寄せにす...
-
Excelで可視部分だけをWeb形式...
-
CSS line-height が効かない
-
表の中でのフォーム
-
WebにてExcelを生成してダウン...
-
HTMLでテーブルを縦に並べたい!
-
テーブルとテーブルの間に、隙...
-
Jimdoで表組のなかの画像をポッ...
-
HTMLのリンクアンカーがおかし...
-
QNo.63294の続き 棒グラフを動...
-
同じ行に間(空欄)を空けて表...
-
プリントアウト時、ページ内容...
-
スタイルシートがMACで有効にな...
-
ドリームウェーバー(ウィーバ...
-
文字サイズ変更でテーブル要素...
-
テーブルの縦が縮まらない
-
セルからリンクを貼るのは間違...
-
cssのfont-sizeがFirefoxで効か...
おすすめ情報