• ベストアンサー

テーブルタグ内の物そすべて中央に

現在ホームページを作っています。テーブルタグ内のタグ(文章、動画、画像など)をすべて中央寄せるにはどうすればよろしいでしょうか? なかなか見つからなかったので質問させて頂きます

質問者が選んだベストアンサー

  • ベストアンサー
noname#161097
noname#161097
回答No.3

<tr align="center">で、真ん中になります。

takuya12421242
質問者

お礼

回答ありがとうございました

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.2

#1回答者ですが(補足拝見済み) ※補足要求の場合は、前回答の結果報告も欲しい処ですね・・・ >できるのであればテーブルタグ内にあるテーブルも中央 前回答の様に、text-align:center;が出来たらの話ですが、次を指定 table幅をtd枠内幅未満に指定してからX軸をautoさせる 以下を追加 td table{ width:100px; margin: 0 auto;} ------------------ 本来は、テーブル内にテーブルを配置するなんて事はしない・・・

takuya12421242
質問者

お礼

回答ありがとうございました

全文を見る
すると、全ての回答が全文表示されます。
  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.1

th内はデフォルトでセンターなので、tdだけをCSSで指定: セレクタ td{ text-align:center;} 詳細度がわからなければ、 td{ text-align:center !important;} CSSがわからないなら、HTMLファイルのtableに直接style属性を入れる 例: <table style="text-align:center"> <tr><td>~~~~~ もし、テーブル内にブロック要素を設置するなら、 幅を枠内幅未満に指定してからX軸をautoさせる 例: td{ text-align:center;} td div{ width:100px; margin:auto; border:red 2px solid;} ブロック要素が不明なら・・・ td{ text-align:center !important;} td *{ margin:auto;}

takuya12421242
質問者

お礼

回答ありがとうございました

takuya12421242
質問者

補足

回答有難うございます。できるのであればテーブルタグ内にあるテーブルも中央にしたいのですがその時はどのようなタグを使えばよろしいでしょうか? できればHTMLでお願いしますm(_ _)m

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • テーブルタグ内の動画を中央寄せに

    テーブルタグの中に動画埋込(インラインフレーム)が入っています。動画をテーブルタグの中央によせいたいのですがどのようたタグを使えばよろしいでしょうか?

  • テーブルタグについて教えてください

    無料ホームページサイトのエムペで小説を書いています。 アクセスは全てパソコンから、ブラウザはIEでした。そこからだとテーブルタグはちゃんと機能しています。 しかし、携帯や他のブラウザ(fire foxやGoggle chromeだと反映されません。 今気になる箇所は2点。トップページと小説ページで使えるテーブルタグです。 まず、トップページ。背景画像の上にテーブルを固定しています。 パソコンは数値でサイズを固定したテーブルタグを使用しています。これはどのブラウザでも正常にテーブルが機能しています。 携帯は倍率でサイズを固定したテーブルタグを使用しているのですが、画像もテーブルも読み込まれていませんでした。 テーブルタグ自体使えないのならばと、背景画像用の画像を横方向に連続させて帯のように上下に張り付けたかったのですが、これも読み取りません。私の携帯はauで2年前のものですが、タグを読み取るには古すぎたのでしょうか? 次は小説ページについてです。 パソコンから小説ページを開くと、ウィンドウに合わせて文章が横にだらっと流れてバランスが悪いのでテーブルタグで整え中央に固定しています。しかし、テーブルタグで整えられるのはIEとsphなんとかだけで、fire foxとgoggle chromeはテーブルされないまま中央揃えされてしまいます。トップページはテーブル機能が読み込まれて、何故小説ページは読み込まれないのでしょうか? テーブルタグに詳しい方、どうかアドバイスを教えてください。

  • ホームページ製作において、テーブルタグとdivタグのどっちを使うか選択

    ホームページ製作において、テーブルタグとdivタグのどっちを使うか選択についてです。 テーブルタグはレイアウトには使ってはいけない(推奨しない)というのが 書かれていますが、例えば、以下の画像のように複数の画像を整列させて 配置する(商品画像一覧や写真一覧など)のような場合、 テーブルタグで画像とテキストをぶち込むのは駄目なんでしょうか? まさか、画像1つに対してdiv1個、テキスト1個に対してdiv1個みたいに 対応させ、段組にしていくほうがSEO対策とかプロっぽいんですかね? 基本的なことですいません。

  • 文章をページの中央に寄せるには?

    文字(文章)をページの中央に表示させるには、テーブルを作って入れるしかないですか? 掲載画像のようにしたいのですが、 黒い線のように、テーブルを作って、その中に文字を入れる方法しかないのでしょうか? 黒い線は背景と同じ色にして消せばいいですか? <CENTER>タグを使ってセンタリングすると、すべての文字が中央に寄ってしまいますが、 文章として中央に寄せたいです。

  • HTMLのテーブルタグについて

    HTMLのテーブルタグについての質問です。 かわいい、面白いなど見栄えのいいテーブルとそのタグを紹介しているサイトを教えてください。 こちらのパソコンの事情でアクセスできないサイトがあるので、 なるべく多く教えてくだされば幸いです。 また分かりやすいサイトだと助かります!

  • テーブルタグについて

    楽天ブログの日記用テーブルを、最初は人から借りていましたが 自分でオリジナルなものを作りたくなって、いろんな人のテーブルタグを見ようみまねでHTMLタグを勉強しながら、どうにか簡単なものはできるようになってきました。 欲が出てきて、テーブルの中に 例えば右上・左下もしくは左上・右下に画像(イラスト等)を配置した テーブル作りに挑戦しているのですが、うまくいきません。 正しいHTMLタグを教えてください。 試してみたソースです ↓ <table cellpadding="30" cellspacing="1" border="0" style=" width: 100%; background-color: #AB8F74; "><tr><td bgcolor="#ffffff" background="左上の画像アドレス" style="background-repeat: no-repeat; background-position: left top;" valign="top" height="266" align="center"><td bgcolor="#ffffff" background="右下の画像アドレス" style="background-repeat: no-repeat; background-position: right bottom;" valign="top" height="266" align="center"> ■ここに日記内容■ </td></tr></td></tr></table> これだと余計な線が入ってしまいます。 ひとつのテーブルにしたいのです。 よろしくお願いします。

  • 中央寄せのhtmlタグ?

    ホームページに置いた文字や画像が、すべて左寄せに表示されるのをセンタリングしたいのですがタグを教えて頂きたいと思います よろしくお願いします

  • テーブルタグにheight要素

    少し疑問なので質問です。 テーブルタグにheight要素が適用されない場合というのは、 どういう場合がありますでしょうか? 現在、テーブルを弄っているのですが、 なぜかテーブルタグにheightが適用されません。 一定の大きさ以上にはなるのですが、 それ以下の大きさには設定できない状態です。 例えば、300pxが基のサイズだとして、 それより大きくはできるのですが、小さくは出来ないのです。 CSSで適用しても同様の結果が得られました。 何か理由があるのでしょうか?

    • ベストアンサー
    • HTML
  • 大きい画像の中央をウィンドーの中央に

    624×2948(幅がウィンドの3倍)の画像の横位置を中央表示させたいのですが、ウィンドーの左上と画像の左上が一致した表示にしかなりません。 中央同士を一致させ、画像の両端はスクロールさせて見てもらうカタチにしたいのですが、いい方法はないでしょうか?? Dream weaver3で作ってますがタグでも挑戦しますのでよろしくお願いします。

    • ベストアンサー
    • HTML
  • 公開したホームページを開いたまま縮小したら内容が全て中央に固まる

    最近、ヤフーのジオクリエーターでホームページを作ったのですが、 公開したホームページを開いたまま縮小したら内容が全て中央に固まるんです。 ヤフーのホームページとかは縮小したらサイトの左上が表示されるじゃないですか。 それを自分のホームページでもできるんですかね? ホームページを作り始めたばっかりでわからなかったので質問しました。