[リストへもどる] [返信 ]  [新着記事] [最新50] [ワード検索] [過去ログ]

記事閲覧・返信


タイトル Re^5: タマの猫ハウス トップページ更新
投稿日: 2024/06/30(日) 11:54
投稿者めざら
参照先http://mezala.la.coocan.jp/
 番 号 11324    11322 番 konno さんへのコメント    コメント数 1

> が、字数が揃っていないと不思議なシンメトリック絵画のようで、違和感を感じました。

center要素をイメージしていると思いますが,html5では廃止されていますし,
html4でも厳密型では使用できない古臭くて陳腐な要素です。CSS を使いましょう。

> キチンと揃えるなら、テーブルを使えばいいんでしょうが、面倒くさいの。(^^;

(キチンと……と言うか)所詮テーブル要素だけではセンタリングが出来ませんから,
結局左右のマージンを同じ値で設定することになります。
だったら,本来の目的から外れた table なんて面倒なだけですよね,確かに。

一番簡単なのは,左右のマージンをともに auto にしておいて,
適用させたいブロックの幅を例えば80%とか適当に定義してやれば,
結果的にブロック全体が左右同じ余白で中央寄せされます。
一方で,ブロックの内容の配置は影響されないので,
center要素をテキストに適用したみたいな恥ずかしいことにはならないのが普通です。

ブロックレベル要素に対する一例([]内は不定です)としては……
[div].[cntr] {
margin-left:auto; margin-right:auto; width:[80%]; padding:[2em];
}
……という感じです。

まぁ,あまりご興味はないでしょうけれど。

   - No.11324 一括表示へ   -   コメント元:11322 一括表示へ  - soft


- 関連一覧ツリー (先頭の番号をクリックするとツリー全体を一括表示します)
11306.「新着情報 携帯版」と掲示板の連携 - konno konno 24/06/15-16:59
 ┣11307.wforum.cgi の縮ツリー機能も連携強化 - konno 24/06/15-19:23
 ┣11308.「新着情報 携帯版」 Ver 0.94 更新 - konno 24/06/18-01:45
 ┣11309.wforum.cgi の縮ツリー関連の更新 - konno 24/06/19-23:46
 ┃┣11310.Re: wforum.cgi の縮ツリー関連の更新 - としき 24/06/20-13:48
 ┃┃┗11311.Re^2: wforum.cgi の縮ツリー関連の更新 - konno 24/06/20-23:11
 ┃┃ ┗11312.Re^3: wforum.cgi の縮ツリー関連の更新 - としき 24/06/21-10:44
 ┃┗11317.wforum.cgi の修正 - konno 24/06/27-20:23
 ┃ ┣11340.Re: wforum.cgi の修正 - めざら 24/07/07-10:02
 ┃ ┃┣11341.表現の問題 - としき 24/07/07-12:17
 ┃ ┃┣11342.konnoさんの入れたバグ修正 - としき 24/07/07-12:55
 ┃ ┃┗11343.Re^2: wforum.cgi の修正 - konno 24/07/07-18:40
 ┃ ┗11358.掲示板もスマホ対応に更新 - konno 24/07/17-00:11
 ┣11313.「新着情報 」 Ver 0.941 更新 - konno 24/06/23-23:07
 ┣11314.「新着情報 」 Ver 0.942 更新 - konno 24/06/25-23:30
 ┃┗11328.「新着情報 」 Ver 0.943 更新 - konno 24/07/01-20:03
 ┃ ┗11329.Re: 「新着情報 」 Ver 0.943 更新 - めざら 24/07/02-08:35
 ┃  ┗11330.Re^2: 「新着情報 」ソースは問題だらけ!? - konno 24/07/02-15:19
 ┃   ┗11332.Re^3: 「新着情報 」ソースは問題だらけ!? - としき 24/07/02-23:01
 ┃    ┣11333.細かい指定よりも明確な構造を先に - めざら 24/07/03-08:25
 ┃    ┃┣11335.Re: 細かい指定よりも明確な構造を先に - konno 24/07/03-23:55
 ┃    ┃┗11336.Re: 細かい指定よりも明確な構造を先に - としき 24/07/04-00:07
 ┃    ┗11334.Re^4: 「新着情報 」ソースは問題だらけ!? - konno 24/07/03-23:54
 ┃     ┗11337.Re^5: 「新着情報 」ソースは問題だらけ!? - としき 24/07/04-00:16
 ┃      ┗11338.Re^6: 「新着情報 」ソースは問題だらけ!? - konno 24/07/04-21:37
 ┃       ┗11339.Re^7: 「新着情報 」ソースは問題だらけ!? - としき 24/07/06-18:29
 ┃        ┗11344.Re^8: 「新着情報 」ソースは問題だらけ!? - konno 24/07/08-00:07
 ┃         ┗11345.Re^9: 「新着情報 」ソースは問題だらけ!? - としき 24/07/09-00:44
 ┃          ┗11346.Re^10: 「新着情報 」ソースは問題だらけ!? - konno 24/07/09-23:05
 ┃           ┗11347.Re^11: 「新着情報 」ソースは問題だらけ!? - としき 24/07/09-23:45
 ┃            ┣11348.スマートフォン横向きとフレーム - めざら 24/07/12-07:21
 ┃            ┃┣11350.Re: スマートフォン横向きとフレーム - konno 24/07/12-19:59
 ┃            ┃┗11352.Re: スマートフォン横向きとフレーム - としき 24/07/13-11:14
 ┃            ┃ ┗11353.Re^2: スマートフォン横向きとフレーム - konno 24/07/14-00:13
 ┃            ┗11349.「新着情報 」 v0.945 更新 - konno 24/07/12-19:44
 ┃             ┗11351.「新着情報 」 v0.946 更新 - konno 24/07/12-22:23
 ┃              ┗11354.Re: 「新着情報 」 v0.946 更新 - めざら 24/07/15-13:15
 ┃               ┗11355.Re^2: 「新着情報 」 v0.947 更新 - konno 24/07/15-19:51
 ┃                ┣11356.「新着情報 」 v0.948 更新 - konno 24/07/16-23:51
 ┃                ┗11357.Re^3: 「新着情報 」 v0.947 更新 - としき 24/07/16-23:59
 ┃                 ┗11359.Re^4: 「新着情報 」 v0.947 更新 - konno 24/07/17-00:35
 ┗11315.タマの猫ハウス トップページ更新 - konno 24/06/26-00:17
  ┣11316.Re: タマの猫ハウス トップページ更新 - としき 24/06/27-12:32
  ┃┗11318.Re^2: タマの猫ハウス トップページ更新 - konno 24/06/27-20:40
  ┃ ┗11321.Re^3: タマの猫ハウス トップページ更新 - としき 24/06/29-16:12
  ┃  ┗11322.Re^4: タマの猫ハウス トップページ更新 - konno 24/06/30-00:19
  ┃   ┣11323.Re^5: タマの猫ハウス トップページ更新 - としき 24/06/30-11:18
  ┃   ┃┗11325.Re^6: タマの猫ハウス トップページ更新 - konno 24/06/30-18:06
  ┃   ┗11324.Re^5: タマの猫ハウス トップページ更新 - めざら 24/06/30-11:54
  ┃    ┗11326.Re^6: センター寄せは <div> スタイルで括るだけ - konno 24/06/30-18:51
  ┗11327.タマの猫ハウス トップページ見栄え更新 - konno 24/07/01-19:44

- - 返信フォーム (この記事に返信する場合は下記フォームから投稿して下さい)[引用あり]
おなまえ 
Eメール 
タイトル 
メッセージ auto soft pre(図表 ※折り返しません)
 参照先 
 暗証キー (英数字で8文字以内)
 プレビュー          

- 以下のフォームから自分の投稿記事を修正・削除することができます -
   処理   記事No   暗証キー
    [ページトップへ] [管理用]