- ベストアンサー
div style 簡素化するには？
<div style="text-align:center;" style="font-size:50%;"> を簡素化するにはどうすればいいでしょうか？ <div style="text-align:center;" "font-size:50%;"> にしたら、うまく表示されませんでした。
- dypfpajcrvyq
- お礼率100% (38/38)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<div style="text-align:center;font-size:80%;"> aaaaaaaaaa <div> styleに1つにまとめる。
その他の回答 (1)
- naokita
- ベストアンサー率57% (1008/1745)
もうちょっとだけ考えて試せば上手くいったのに・・・ そう、styleは一回のみ限定。 ただ、後者だとfont-size:50%をどうするの？って話になるね。 <div style="text-align:center; font-size:50%;"> style=" " この中に複数指定するには、１個目の次に ; を入れえ続きを指定できる。 次に、外部CSSを覚えましょう。
お礼
回答ありがとうございました。
関連するQ&A
- 文字のサイズを大きくしつつ、中央に表示させるには？
ファイアフォックスで、文字のサイズを大きくしつつ、中央に表示させるには？ <BODY> <div style="text-align:center;" style="font-size:300%;">test1</div> <div style="font-size:300%;">test2</div> </BODY> これをすると、test1は中央に表示されるけど文字は小さいままで test２は、文字は大きく表示されるけど中央には表示されません。 どちらも行うにはどうすればいいでしょうか？ IEでは<div style="text-align:center;" style="font-size:300%;">test1</div>で、 中央に表示されつつ、文字も大きくなります。
- ベストアンサー
- HTML
- tableに対するdiv
テーブル内の文字色を白にしたい場合、 <style type="text/css"><!-- div.font{color:white;} --></style> <tr> <div class="font"> <td align="center" width="20%">★１</td> <td align="center" width="20%">★２</td> <td align="center" width="20%">★３</td> <td align="center" width="20%">★４</td> <td align="center" width="20%">★５</td> </div> </tr> このように指定しましたが、適用されません。 なぜでしょう？
- ベストアンサー
- HTML
- スタイルシートについてお尋ねします
<div style="font-size:70px;"<p align="center"><font face="HGS行書体" color="#993333">文章 </font></p></div> とすると、「文章」のところに入力した文字はページの一番上のセンターにちゃんと表示されるのですが、 <div style="font-size:70px;"><p align="center"><font face="HGS行書体" color="#993333">文章 </font></p></div> と、70pxの後ろに>を入れると、ページの上から2cmほど下がったところに文字が表示されてしまいます。 形式としては後者の方が正しいと思うのですが、なぜ表示が下がってしまうのでしょう。 よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- divにも同じフォントスタイルを適用したい
現在 p { color : #222222;} p { font-family: Arial, Helvetica, sans-serif;} p{ margin: 1px 0px 1em 0px; font-size:95%; line-height:103%; } このような指定をしてあります。 しかしセンタリングなどに <div style="text-align:center;">のタグを使用するとセンタリングはされますけれど、上記CSSが反映されませんよね。 あちこちのHPを参考に色々試行錯誤をしていますけれど上手く反映されません。 div { color : #222222;} div { font-family: Arial, Helvetica, sans-serif;} 以下略 div.test 等に変えても同じです。 どこがダメなのでしょうか？
- ベストアンサー
- HTML
- xhtmlについて
xhtmlでは、『<div style="text-align:center;font-size:x-small;">文字</div>』といったように、ブロック要素内にインライン要素をまとめることも可能だったと思います。 この場合、文字サイズ指定もブロック要素内にあるわけですから、『<div style="text-align:center;font-size:x-small;"><p>文字</p></div>』といった具合に、ブロック要素を内包することも可能なのでしょうか？ 回答お願い致します。
- ベストアンサー
- その他（インターネット・Webサービス）
- align="middle"が無視される TOPに
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title lang="ja">文書タイトル</title> </head> <body> <div style="text-align:center;" style="font-size:400%;"> <IMG SRC="http://pic.prepics-cdn.com/sugarcherry/21910244.jpeg" WIDTH=100 HEIGHT=100 align="middle"> test <IMG SRC="http://pic.prepics-cdn.com/sugarcherry/21910244.jpeg" WIDTH=100 HEIGHT=100 align="middle"> </div> </body> </html> これをブラウザで表示すると、align="middle"とやってるのに、画像のように文字がTOPの位置に表示されてしまいます。 <div style="text-align:center;" style="font-size:400%;"> がなければ、文字は画像のど真ん中に表示されるのですが、 font-size:400%;はまだしも、画像もブラウザの真ん中に表示させたいので <div style="text-align:center;"で画像と文字を挟みたいです。 どうすれば、画像＆文字をブラウザの真ん中に表示させつつ、文字を画像の真ん中に表示できるのでしょうか？
- ベストアンサー
- HTML
- divタグを中央寄せでwidthを指定したい。
Webのデザインを行っているのですが、以下のような事象に困っています。 ブラウザはGoogle chromeです。 <body> <div style="text-align:center;"> あいうえお </div> </body> これは中央寄せになるのです。しかし、 <body> <div style="text-align:center;width:400px;"> あいうえお </div> </body> こうすると、中央寄せが解除されてしまいます。 どうしてこうなるのでしょうか？ 出来れば理由も含めて理解したいのですが、教えて頂けないでしょうか。
- ベストアンサー
- HTML
- CSS・DIVについて
CSS初心者ですが、質問させていただきます。 ＜やりたいこと＞ 同一ページ内にて、下記の(1)(2)をCSSで指定したい。上から(1)(2)(1)の順で表示したい。 (1)幅700、文章中央揃え (2)幅600、文章左揃え ＜私が作成したもの＞ （関係ない部分は省略しています。） （実際は、(1)(2)の部分は半角英字の名前をつけています） <head> <style type="text/css"> body { text-align: center; } div#(1) { width: 700px; margin: 0 auto; text-align: center; } div#(2) { width: 600px; margin: 0 auto; text-align: left; } </style> </head> <body> <div id="(1)">タイトル</div> <div id="(2)">説明文</div> <div id="(1)">ホームに戻る</div> </body> ＜表示のされ方＞ (1)は正常に表示されているのですが、(2)にはCSS自体が適用されていないのです。 ちなみにIE9では私の思うように表示されるのですが、IE10になって表示されなくなりました。 なぜこのようになったか、お教えいただけますでしょうか。よろしくお願いいたします。
- 締切済み
- CSS
- 次のコードをどうしたら右寄りにできますか？
<div align="right" style="font-size:11px;"><script language="javascript" type="text/javascript" src="http://sozamix.net/tokei/orange/orange.js"></script></div> rightにしても、かならずセンターに表示されます。どうしたら右寄りになりますか？
- ベストアンサー
- JavaScript
- DIVタグでの表のセンタリング
ウインドウズXPプロ、ホームページビルダーV6.5でページを作成しています。エクスプローラーでの表示は全く問題ないのですが、ネットスケープ7.1やオペラ7.54で表示すると、DIVタグでセンタリングした表やHタグの背景がセンタリングされません。左寄りに表示されます。テキストや画像はセンタリングされています。 <DIV align="center"> や <DIV style="text-align:center"> ではネットスケープやオペラで表やHタグの背景をセンタリングすることは出来ないのでしょうか。
- 締切済み
- ホームページ作成ソフト
お礼
回答ありがとうございました。