/*CSS、スタイルシート質問スレッド【5】 */
416 ：Name_Not_Found：
恐ろしく間抜けな質問ですが、どうか教えてください。
画像をセンタリングしたいのです。
一体どうすれば。。
画像をセンタリングしたいのです。
一体どうすれば。。
|
|
|
417 ：Name_Not_Found：01/12/14 00:39 ID:ABQlsI8s
<div style="text-align: center">
<img src="***" alt="***" width="***" height="***">
</div>
<img src="***" alt="***" width="***" height="***">
</div>
418 ：416：01/12/14 00:40 ID:ZD/d5KCU
text-alignでできました。お騒がせしました。。
textじゃないのに、、
textじゃないのに、、
419 ：Name_Not_Found：01/12/14 00:42 ID:AYyud0Vy
420 ：Name_Not_Found：01/12/14 00:44 ID:AYyud0Vy
>>418
この場合、textってのはインライン要素のことだからね。
この場合、textってのはインライン要素のことだからね。
421 ：416：01/12/14 00:49 ID:ZD/d5KCU
417さん419-420さんどうもです。
単純にバナーみたいなGIF画像を配置したかっただけで、リファレンスを見たのですが、
どうしてもセンタリングにtextしかないので悩んでしまいました。
インライン要素、、というのはつまり、ボックスをセンタリングするのではなく、
ボックスの要素をセンタリングする、という概念でよろしいでしょうか？
まだまだ勉強不足なようで、教えてくださる皆様にはほんと感謝しています。
このスレッドの方はみんな親切で幸せです。では。
単純にバナーみたいなGIF画像を配置したかっただけで、リファレンスを見たのですが、
どうしてもセンタリングにtextしかないので悩んでしまいました。
インライン要素、、というのはつまり、ボックスをセンタリングするのではなく、
ボックスの要素をセンタリングする、という概念でよろしいでしょうか？
まだまだ勉強不足なようで、教えてくださる皆様にはほんと感謝しています。
このスレッドの方はみんな親切で幸せです。では。
422 ：Name_Not_Found：01/12/14 00:52 ID:EsbolDvs
というか、HTMLは全部テキスト（文字）だから。感覚的には画像はテキスト
じゃないけど、それを表示させるタグはテキストだし。タグ自体に
せン太リングスタイルを使うという感じかな
じゃないけど、それを表示させるタグはテキストだし。タグ自体に
せン太リングスタイルを使うという感じかな
423 ：Name_Not_Found：01/12/14 01:19 ID:xgSaczea
>>421
ボックス・モデルはCSSでは全ての要素に当てはまるんですけど。
その全要素はインライン要素とブロック要素とに大別されます。
http://www.kanzaki.com/docs/html/element-level.html#inline
↑基本ですので勉強して下さい。
ボックス・モデルはCSSでは全ての要素に当てはまるんですけど。
その全要素はインライン要素とブロック要素とに大別されます。
http://www.kanzaki.com/docs/html/element-level.html#inline
↑基本ですので勉強して下さい。
424 ：Name_Not_Found：01/12/14 01:23 ID:xgSaczea
ブロック要素のセンタリングはmargin-left:ayto;margin-right:autoでできることになってます。
つい最近も話題になったFAQなので、読んで下さい。↓
http://pc.2ch.net/test/read.cgi/hp/1007538322/445-484
つい最近も話題になったFAQなので、読んで下さい。↓
http://pc.2ch.net/test/read.cgi/hp/1007538322/445-484
425 ：Name_Not_Found：01/12/14 22:45 ID:J6P/a0Ew
おいらこーゆーレイアウト（http://user404.hoops.ne.jp/page01.html
を外部スタイルシート２枚（各ページ共通のdefault.cssにこのページ専用のレイアウトを上書きするtable.css
で作ったんですけど、全てのtableを中央揃いにするのに一個一個のtabeleタグにalign=centerって埋めてるんですけど
他のタグと共にスタイルシートで一括表現出来ないでしょうか？centerタグを先頭と後尾に指定は邪道っぽいんで使いたくないので
なんとかスタイルシートで表現したいんですけど、だれかスタイルシート詳しい方いらはりますか？
を外部スタイルシート２枚（各ページ共通のdefault.cssにこのページ専用のレイアウトを上書きするtable.css
で作ったんですけど、全てのtableを中央揃いにするのに一個一個のtabeleタグにalign=centerって埋めてるんですけど
他のタグと共にスタイルシートで一括表現出来ないでしょうか？centerタグを先頭と後尾に指定は邪道っぽいんで使いたくないので
なんとかスタイルシートで表現したいんですけど、だれかスタイルシート詳しい方いらはりますか？
426 ：Name_Not_Found：01/12/14 22:51 ID:ABQlsI8s
そもそもこーゆー状況で table を使う事自体がアレなので
(ここは strict スレじゃないから良いのか? まぁいいや)
div とかで囲んでてきとーに左右の margin 設定するのが吉かと。
(ここは strict スレじゃないから良いのか? まぁいいや)
div とかで囲んでてきとーに左右の margin 設定するのが吉かと。
427 ：Name_Not_Found：01/12/14 22:54 ID:t3EtYaxy
上っすか？たぶんmarginのやつですか？
えーとモデルが323女史の日記なんですけどあれをスタイルシートで書き直して
うまくいかないなぁと思ってたんですが
<center>
<table>
日記本文A
</table>
<table>
日記本文B
</table>
</center>
をなんとか
<table>
日記本文A
</table>
<table>
日記本文B
</table>
＋
スタイルシートに一行記述
にしたくて
とほほさんとこで見てそれ(maginなんとか)一回試してうまくいかなかった気がしたんですけど
もっかい試してみます
えーとモデルが323女史の日記なんですけどあれをスタイルシートで書き直して
うまくいかないなぁと思ってたんですが
<center>
<table>
日記本文A
</table>
<table>
日記本文B
</table>
</center>
をなんとか
<table>
日記本文A
</table>
<table>
日記本文B
</table>
＋
スタイルシートに一行記述
にしたくて
とほほさんとこで見てそれ(maginなんとか)一回試してうまくいかなかった気がしたんですけど
もっかい試してみます
あ、やっぱうまくいかないみたいなんですが
左右に均等にマージン振ってテーブルを中央に寄せるのは出来るんですけど
テーブルの横幅がブラウザのサイズや解像度でぶれるので、モデルにしてるサイトみたいな
左右の空白が大きいのを再現するとブラウザ最大にしてるとそっくりなんですけど
小さい窓にしたら横空き幅固定だと線みたいなテーブルになるんですけどなんとか
要素の大きさ保ったままセンタリングって出来ないっすか？
左右に均等にマージン振ってテーブルを中央に寄せるのは出来るんですけど
テーブルの横幅がブラウザのサイズや解像度でぶれるので、モデルにしてるサイトみたいな
左右の空白が大きいのを再現するとブラウザ最大にしてるとそっくりなんですけど
小さい窓にしたら横空き幅固定だと線みたいなテーブルになるんですけどなんとか
要素の大きさ保ったままセンタリングって出来ないっすか？
430 ：Name_Not_Found：01/12/14 23:44 ID:t3EtYaxy
えーと‥‥、一応ptで指定を、なんかやはり間違ってます？ためしに424を真似たら左寄りになるんですけど
<table style="margin-left:auto; margin-right:auto; width:400pt;">
<thead><tr><th>
■ 2001年12月中旬 ■
</th></tr></thead>
<tbody><tr><td>
日記本文
</td></tr></tbody>
</table>
<table style="margin-left:auto; margin-right:auto; width:400pt;">
<thead><tr><th>
■ 2001年12月中旬 ■
</th></tr></thead>
<tbody><tr><td>
日記本文
</td></tr></tbody>
</table>
432 ：Name_Not_Found：01/12/15 00:05 ID:Sn5BrJHP
autoはIE6から
うちのブラウザ5.5でした(^^;
友人にネスケはいないんですけど5.01とか5.5の方が
6.0使ってるやつより多いんで、スタイルシート使って
テーブル要素ごとセンタリングゆーのは諦めます
5.5でもセンタリング反映って現時点では無理ってことでいいんですか？
友人にネスケはいないんですけど5.01とか5.5の方が
6.0使ってるやつより多いんで、スタイルシート使って
テーブル要素ごとセンタリングゆーのは諦めます
5.5でもセンタリング反映って現時点では無理ってことでいいんですか？
連続投稿すいません、>>433の現状で無理、の意味ですけど
tableのwidthは400ptか500pxにしたままでセンタリングという意味で
tableのwidthは400ptか500pxにしたままでセンタリングという意味で
435 ：Name_Not_Found ：01/12/15 00:29 ID:Ifjsfnpu
IE5 は text-align:center で table センタリングするんじゃなかったっけ。
インライン要素みたいに。
インライン要素みたいに。
436 ：425：01/12/15 00:37 ID:oBidc1rA
437 ：Name_Not_Found ：01/12/15 00:55 ID:Ifjsfnpu
>>436
そうじゃなくて、<table></table>を含む要素で text-align:center を指定するの。
そうじゃなくて、<table></table>を含む要素で text-align:center を指定するの。
438 ：425：01/12/15 01:04 ID:oBidc1rA
>>431の<thead>や<td><th>にtext-align:centerを指定するとセル中の文章のセンタリングですよね
えーと<table></table>を含むってことは
<ココ↓>
<table>日記12/14</table>
<table>日記12/13</table>
<table>日記12/12</table>
</ココ>
ってこと(tabeleより外側)ってことでしょうか？おれのページだと
tableの外側は<body></body>になってしまうんですがtable以外にも
題名とか連絡先等の左寄せのテキストコンテンツを置いてるので<body>に埋めると
他の部分が冗長になってしまいます、すいません
えーと<table></table>を含むってことは
<ココ↓>
<table>日記12/14</table>
<table>日記12/13</table>
<table>日記12/12</table>
</ココ>
ってこと(tabeleより外側)ってことでしょうか？おれのページだと
tableの外側は<body></body>になってしまうんですがtable以外にも
題名とか連絡先等の左寄せのテキストコンテンツを置いてるので<body>に埋めると
他の部分が冗長になってしまいます、すいません
439 ：425：01/12/15 01:15 ID:oBidc1rA
あ、<p style=text-align:center;>〜(テーブル数個)〜</p>でいけました
ありがとうございます
<center>の方が早いのかも知れないけど使わないですみました(^^
ありがとうございます
<center>の方が早いのかも知れないけど使わないですみました(^^
440 ： ：01/12/15 01:18 ID:DuzNQ/st
>439
せめて <div> にして…．
つーか，IE55 なら <table> に text-align:center; でいいはずだよ．
それでならないのは，他の何かがおかしいと思うのだけど．
せめて <div> にして…．
つーか，IE55 なら <table> に text-align:center; でいいはずだよ．
それでならないのは，他の何かがおかしいと思うのだけど．
441 ：425：01/12/15 01:24 ID:oBidc1rA
そうなんスか(^^; < 他がおかしい
>>436みたいな感じに書いたんですけど
あとどうせ<br>で間隔調整してるんで<br>一個減らして<p>のがいいかなぁと(^^;
<br><div>＝<p>のつもりで今までいたんですけどやっぱ定義とかつかいどころとか
w3oなんとかってとこの勧めでやっちゃだめとかあるんでしょうか？
>>436みたいな感じに書いたんですけど
あとどうせ<br>で間隔調整してるんで<br>一個減らして<p>のがいいかなぁと(^^;
<br><div>＝<p>のつもりで今までいたんですけどやっぱ定義とかつかいどころとか
w3oなんとかってとこの勧めでやっちゃだめとかあるんでしょうか？
442 ：Name_Not_Found ：01/12/15 01:24 ID:Ifjsfnpu
443 ：Name_Not_Found：01/12/15 01:28 ID:OPvrN5bb
正直、425は<center></center>でいいと思われ…。
444 ：425：01/12/15 01:32 ID:oBidc1rA
>>443
だって<center>はdiなんたらtag(廃止予定、使っちゃイカンtag)とか
どっかで聞いたんでエラー判定サイトで出るエラーを減らそうかなぁと(^^;
おれも最初そうやってたんですけど < <center>〜</center>
だって<center>はdiなんたらtag(廃止予定、使っちゃイカンtag)とか
どっかで聞いたんでエラー判定サイトで出るエラーを減らそうかなぁと(^^;
おれも最初そうやってたんですけど < <center>〜</center>
445 ： ：01/12/15 01:41 ID:DuzNQ/st
>425
<html>
<body>
<table style="text-align: center; width: 100px; border: solid thick red">
<tr><td>
あほーあほーあほー
</td></tr>
</table>
</body>
</html>
枠つきの幅 100px テーブルが中央寄せ，その中で左寄せで文字，にならない？
<html>
<body>
<table style="text-align: center; width: 100px; border: solid thick red">
<tr><td>
あほーあほーあほー
</td></tr>
</table>
</body>
</html>
枠つきの幅 100px テーブルが中央寄せ，その中で左寄せで文字，にならない？
446 ：Name_Not_Found：01/12/15 01:49 ID:RqNZhc9n
>>440
>あとどうせ<br>で間隔調整してるんで<br>一個減らして...
おいおい、それこそcss使うところじゃねーか。
あとdefault.cssでfontを指定してるのになんでfont-familyを何度も指定してるんだ？
それにfont-size固定は好まれないよ。
単に中央寄せしたいだけならテーブルレイアウトから脱却しろよ。
てな感じで原理主義者が突っ込みを入れると思われるので注意が必要かも。
>あとどうせ<br>で間隔調整してるんで<br>一個減らして...
おいおい、それこそcss使うところじゃねーか。
あとdefault.cssでfontを指定してるのになんでfont-familyを何度も指定してるんだ？
それにfont-size固定は好まれないよ。
単に中央寄せしたいだけならテーブルレイアウトから脱却しろよ。
てな感じで原理主義者が突っ込みを入れると思われるので注意が必要かも。
447 ：425：01/12/15 01:49 ID:oBidc1rA
>>445
そのインラインの方法でも外部cssファイル参照の方法でも
>>436でも言ってるけどやってみたのに中央に表示されなかったよ
環境はIE55のSP2だけど
たぶん<div style=text-a〜>〜</div>が正解なのかなぁ
そのインラインの方法でも外部cssファイル参照の方法でも
>>436でも言ってるけどやってみたのに中央に表示されなかったよ
環境はIE55のSP2だけど
たぶん<div style=text-a〜>〜</div>が正解なのかなぁ
448 ：425：01/12/15 01:53 ID:oBidc1rA
なるへそです
出来るだけ原理主義な方に指摘されないようなソース目指してたんですけど
ツッコみどころ満載でしたね、すんません
とりあえずこのスレの教訓を旨に<center>〜</center>は
<div style=text-a〜>〜</div>で置き換えときます
出来るだけ原理主義な方に指摘されないようなソース目指してたんですけど
ツッコみどころ満載でしたね、すんません
とりあえずこのスレの教訓を旨に<center>〜</center>は
<div style=text-a〜>〜</div>で置き換えときます
あー，僕が勘違いしてた．確かに table に指定じゃ無理だわ．
勉強しなおしてくる．ごめん．
＃table も使わないし IE は 6 だしでまったく検証のしようがなかった．
＃あちこち検索して表示例見てやっと理解した．ダメすぎ．
勉強しなおしてくる．ごめん．
＃table も使わないし IE は 6 だしでまったく検証のしようがなかった．
＃あちこち検索して表示例見てやっと理解した．ダメすぎ．