- ベストアンサー
文字位置の一括指定について
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
cssを使う=divを使わなくてもイイというわけではありません。 divは、この部分だけ他と違う表示方法にしたい時などに使います。 pのすべてを一括してセンタリングしたい場合は、cssで、 p {text-align:center} とします。 その中で部分的に違う表示方法をしたい場合はdivを使うことになるでしょう。
その他の回答 (2)
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
body { text-align:left; } って意味かな
- LAIT
- ベストアンサー率32% (25/78)
次のページを参照してください。 http://www5e.biglobe.ne.jp/~access_r/hp/css/css_text_006.html
関連するQ&A
- htmlの文字列の位置について質問です
htmlで文字の位置を1行ずつ自由な位置にずらしたいのですがpタグやdivで囲んでcssで位置指定とすると1行ずつ位置を指定しなければならないので他にいい方法がないか探しています。 テーブルはあまり使わないほうが良いと聞いたのですが、テーブルで位置をずらすしかないでしょうか? 他にいい方法をご存じの方いらっしゃったらご教示よろしくお願いします。
- ベストアンサー
- CSS
- 文字を揃えたいのです。
初心者です。よろしくお願いいたします。 よく小説サイトとかで見られる手法なのですが、 ページの左側から何ポイントかを開けた場所から文字をスタートさせたいのです。 つまり、 ●●●●●●●●●●●●●●●●●● ●●●●●●●●●●●●●● ●●●●●●●●●●●●●●●●●● ●●●●●●●● のようにしたいのです。 <div align=center></div>だと ●●●●●●●●●●●● ●●●●●●●●●●●●●●●●●●●●● ●●●●●●●●● のように文字の始めがそろわないし、 <div align=left>/div>だと ●●●●●●●●●●●●●●●●●● ●●●●●●●●●● ●●●●●●●●●●●●●●● のように、文字の始まりが一番右端になってしまいます。 たしか、文字の始まりをpxで指定するCSSがあったように思うのですが、 そのタグ(?)を載せたサイト様がどこにあるかわからず途方にくれています。 以上のような表示のさせ方が出来るCSSを教えていただけないでしょうか。 お願いいたします。
- ベストアンサー
- HTML
- HTMLの画像の位置の指定
HTMLで、画像の位置などを決めるときに、<div align="center"></div>などを使いますが、CSSやジャバスクリプトで使用している、 position:absolute; 絶対配置 position:relative; 相対配置 position:static; 通常配置(指定しない場合はこれ) position:fixed; 上のようなポジションタグを使う事は可能ですか? できれば、そのサンプルのようなものを書いてもらえると 助かります。
- ベストアンサー
- HTML
- 文字位置
いつもこちらで助けられています。 今、ホームページを作成中です。 CSSで、文字位置を指定したいのですが、 ホームページ作成サイトなどを見ると、 たとえば… .navi3{ text-align:right; } とありましたが、これでは、右よりにならず、左よりの通常になってしまいます。 どうすればいいでしょうか? 教えて下さい、よろしくお願いいたします。
- 締切済み
- レンタルサーバ・ASP
- DIVボックス内でのCSSを使用した縦位置指定方法
CSSにてheight、weightを指定したDIVタグの中にテキストを記述し、縦位置の中央揃えを行いたいのですが、方法がわかりません。 "vertical-align:middle;"などを指定しましたが、適用されませんでした。 スタイルに関することは全てCSSで行いたいので、TABLEタグなどでvalignを指定する方法は取りたくありません。 何かいい方法をご存知の方がいらっしゃいましたら、ご回答をよろしくお願いいたします。
- 締切済み
- HTML
- CSSで指定してます。プラザーによっては文字の位置
よろしくお願いします。 文字の大きさ、行間を指定しているのですが プラウザーによっては文字の位置が一行ほどずれてしまいます。 何か対策はないのでしょうか? IEは文字半角分左に、Chromeは一行上に、Operaは半角分右によってます。 CSSを自力で書き込むのは初めてで、サンプルブックを見ながらしてます。 書き方を間違えているのでしょうか。 ------------------------------------------- 【スタイルシート】 *{ margin:0; padding:0; } #boxA{ background : none 0% 0% / auto auto repeat scroll padding-box border-box #ffffff; } #boxB{ background:#ffffff; } #boxE{ background : none 0% 0% / auto auto repeat scroll padding-box border-box #ffffff; } body{ text-align:center; } #container{ width:892px; margin-left:auto; margin-right:auto; text-align:left; } h1{ font-size : 11.5px; color:#333333; font-weight : 500; text-indent:0px; letter-spacing : -0.1em; } .text1{ font-size : 11.5px; letter-spacing : -0.1em; } .text2{ font-size : 70%; } .text3{ font-size : 85%; line-height : 1.3em; } #boxA{ width : 892px; } #boxA2{ width : 708px; margin-top : 10px; margin-left : 90px; background-image : url(../img/top_img.jpg); height : 328px; } #boxA3{ width : 708px; margin-top : 10px; background-image : url(../img/porishi.jpg); background-repeat : no-repeat; background-position : 50% 50%; margin-left : 90px; height : 130px; } #boxE{ width:100%; clear:left; } #boxB{ width : 892px; float : none; } #boxB2{ margin-top : 10px; margin-left : 100px; width : 708px; } ------------------------------------------- 【webページ】 </head> <body background="img/bgcolor.png"> <div id="container"> <div id="boxA"> <br /> <div id="boxA2" class="text1"> <br /> <br /> <br /> <br /> <a href="http://www.wakayama2015.jp/" target="_blank"><img src="img/top_kokutai.png" width="106" height="276" border="0" align="left" alt="2015年紀の国わかやま国体 わかやま大会" /></a><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <h1> 暮らしに欠かせない食・住・遊に関する事業を展開する丸長グループ。 </h1> 日々の生活が安心・快適で、そして豊かであってほしい…<br /> その想いがグループ企業の分野を超えたノウハウの共有につながり、<br /> さらなるサービスの向上へと結びついているのです。<br /> これからも郷土和歌山県を拠点に県内外に事業フィールドの拡大に<br /> 邁進してまいります。<br /> </div> <div id="boxB" style="text-align : center;" align="center"> <div id="boxB2"> <img src="img/top_mainimg.png" width="703" height="815" border="0" /> </div> </div> <div id="boxE" style="text-align : center;" align="center"> <p style="text-align : center;" align="center" class="text2"><br /> <font color="#000000">Copyright (C) 2000 MARUCHO GROUP Corporation. All Rights Reserved.</font></p> </div> </div> </div> </body> </html> 【webテスト】 http://www.dream-web.jp/test/maru/ サンプルブック見れば見るほど解らなくなってしまって困ってます。 助力よろしくお願いします。
- 締切済み
- CSS
- IEとFireFoxでの指定位置のズレに困っています。
IEとFireFoxでの指定位置のズレに困っています。 cssでポップアップを施した部分についてなんですが、IEだと思った通りの位置に出てくるんですけど、FireFoxだと全然違った位置に出てきてしまいます。 ネットで色々調べて、知る限りの事を全てやってみましたが、結局一週間も無駄に過ごしています。だれか助けてください(ΩДΩ) ちなみに以下がそのcssとhtmlです ■css■ .popup img.pop { display:block; top:-10000px; left:-10000px; position:absolute; } .popup a:hover { position:relative; } .popup a:hover img.pop { top: -290px; left: -68px; } ■html■ <DIV class="popup" align="center"><SPAN><a href=""><img class="pop" width="260" height="243" src="1.gif"/><IMG width="103" height="111" src="image1.jpg" border="0"></a></SPAN></DIV> 何をどう書き足したらFireFoxでもきちんとした場所に出てくるようになるんでしょうか? どうぞよろしくお願いしますm(。-_-。)m
- ベストアンサー
- HTML
- 1行内に複数の文字位置を設定する方法
再度の質問で大変恐縮です 1行内で文字位置を揃える方法は以下のように昨日教えて頂きました div.hoge2{ clear:both; float:left; width:150px; } </style> <br> <div class="hoge1"><font size="3"><b>ABC</b></font></div><div>あいうえお</div><br> 1行内で複数の文字位置を指定しようとするうまくいきません どのようにすれば良いのでしょうか 以下のようにしたいのですが 1 1 IO 2 2 P1
- ベストアンサー
- HTML
- tableタグに右に回り込みの位置
tableタグに右に回り込みを入れたのですが<table align="left"> CSSのでtable全体と回り込みをした文字を上の方に移動させたいのですが これが回り込みをした文字しか移動しなくて困っています。 <div style="position:relative; bottom:20px"> <table border=1 align="left"> <tr> <td>表の内容</td> </tr> </table> 回り込み </div> が例えなのですが、何か打開策など御座いませんか?
- ベストアンサー
- ホームページ作成ソフト
- 文字・画像の位置の指定
こんばんは。HPを作成しようと頑張っている者です。 文字や画像を「center」などの決められた位置じゃなく、好きな位置に指定し、さらに動かないように固定したいのですが、CSSでのタグがいまいち分からなくて困っています。どなたか教えてください!初心者のため、詳しく教えてくださると嬉しいです。
- 締切済み
- その他(インターネット・Webサービス)