- ベストアンサー
html言語で右揃えをするには
私のブログでは、歌詞や法律の条文を引用する際、訪問者が見やすいよう、blockquoteで囲んでいます。 しかし、blockquote内であろうとなかろうと、引用した後にその出典や根拠の名前だけを右揃えにする方法が分かりません。<center></center>は検索すればすぐに見つかるのに右揃えは、私の力不足なのかalign="right"以外に見つかりません。 なお、段落分けに使われる<p></p>を使うのが嫌いな私は、段落分けをするのにいつも改行の<br />を用っています。 そして、もし、align="right"をうまく使えるのでしたらそれに越したことはないのですが。
- ブログ
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<blockquote> 引用文を書く所 <div align="right"> 右揃えに出典や根拠の名前を書く所 </div> </blockquote> これでは駄目ですか？
関連するQ&A
- <SPAN>で文字を右揃えにしたいのですが...(＾-＾；
こんばんは。私は今HPを作っています。 それで質問なんですけど、 HTMLで<SPAN>ってタグありますよね？ それにCSSを使って(? <SPAN>で囲まれた場所を 文字を右揃えに表示させたいのですが、何故かうまくいきません。 <SPAN style="text-align: right">○○</SPAN> このようなタグで使いました(上) 何故なのでしょう、教えてください。 よろしくお願いします。 ちなみに、このようなものをつくりたいのです。(下) リンク集なんですけど； HPタイトル 管理者名 ――――――――――――――― バナー ――――――――――――――― このHPの説明 これの管理者名のところを右揃えに表示したいのだが、 うまくいかないのです；<DIV>だと改行されてしまうし...
- ベストアンサー
- HTML
- テキストボックスの文字を右揃えにしましたらカーソルが
こんぱんは。テキストボックスの文字を右揃えにしましたらカーソルが点滅しなくなりました。具体的には、 <input type='text' class='itiniti' maxlength='5' /> このようにしたものに、 .itiniti{width:50px; text-align:right; } で指定したのですが、右揃えにはなりましたが、そのテキストボックスをクリックしてもカーソルが出現しません。何か入力して、右端以外の文字をクリックしたらカーソルが出現しますが、→キーでカーソルを一番右側までもっていくとまた消えます。 text-alignがleftのときとcenterのときは正常に表示されています。 どなたか右揃えでカーソルがちゃんと表示されない理由がわかるかたいらっしゃいましたらアドバイスお願いいたします。 環境は、IE7です。
- ベストアンサー
- HTML
- TextInputの右揃えの方法
いつも皆様には助けていただき感謝しております。 コンポーネント「TextInput」の入力を右揃えに設定したいとしていますが、うまくいかず苦労しています。 配置した「TextInput」に下記の記述をしていますが、右揃えになりません。これはおかしい記述でしょうか？ on (load) { format = new TextFormat(); format.align = "right"; this.setTextFormat( format ); } どなたか、方法を御存知な方がおられたら御指導下さい。
- ベストアンサー
- Flash
- htmlの記述。「右揃え」出来ません（困ってます）
こんばんは。質問の通り、右揃えになりません。 タグ打ちで、制作中。初心者です。 =-=-=-=-=-=-=-=-=-=-=-=-=-= <html> <head> <title>～</title> <style type="text/css"> span.c { text-align: right; } </style> </head> <body><center> … <span class="c"><a href="toppage.html">■ to top-page ■</a></span> </center></body> </html> =-=-=-=-=-=-=-=-=-=-=-=-=-= ■ to toppage ■を右揃えにしたいです。 <span class=""></span>で部分を指定して、 <style type="text/css">span.c { text-align: right; }</style>で条件を指定したのですが、左揃え（条件指定が出来ていない状態）にしかなりません。 <center></center>がダメなのか？っと思い、<center></center>を除いてみましたが、ダメでした。 <span class=""></span>でうまく部分指定が出来ていないのかと思い、<style type="text/css">span.c { text-align: right; }</style>の{}内に、フォントサイズの指定をすると、サイズ変化しました。 私的には、{ text-align: right; }が違うのかな？っと思っているのですが、分かりません。 どこが間違っているのでしょうか？？ というか、右揃えの仕方を教えて下さい。どんな方法でもいいです。
- ベストアンサー
- ブログ
- 文字とテーブルの間の間隔について
質問させていただきます。 以下のhtmlをフレームの左側として使っているのですが、 <center> <b><font size="5" color="pink" face="'Comic Sans MS'">文字</font></b><img src="画像" align="middle"><br /> <img src="ライン画像"><br /> </center> <table border="0" height="100%" width="260" align="center"> <tr><td align="left"><blockquote><br /> <b><font size="4" color="deeppink">タイトル</font></b><br /><br /> <font size="2">ジャンル<br /> <a href="URL" target="right">仮</a>/<a href="URL" target="right">仮2</a>/<a href="URL" target="right">仮3</a><br /> </font><br /><br /><br /><br /><br /><br /><br /><br /><br /> </blockquote></td></tr></table> ライン画像とテーブルの間の改行は一つしかないのですが、かなりスペースが空いてしまいます。 反転して見てましたが、やはりスペースと改行と言うように、しっかりと改行は一つだけでした。 しかし、このスペースは健在です。 どうしたら、このスペースをなくすことが出来るのでしょうか？
- ベストアンサー
- Windows XP
- 段落内の "text-align" の重複
CSSについての質問です。 <p>タグの段落内で "text-align" を使用して、 文字を寄せる記述をしているのですが、 「中央揃え」と「右寄せ」が重なってしまい、うまく表示されません。 分かりにくい説明だと思いますので、ソース例を書きます。 --------------------------------------------------------- <p style="text-align: center;">文字を中央に <span style="text-align: right;">こちらは右寄せ</span></p> --------------------------------------------------------- 上記のように記述しています。 つまり、段落内は基本的に中央揃えなのだが、 一部は右寄せにする…のようなことが、 CSSで実現できるのでしょうか。 どなたかご回答をよろしくお願いします。
- ベストアンサー
- CSS
- <br>、<P> 使い分けについて
改行する時、<br>ではなく、<P>を使ったほうが良いのでしょうか？ そもそも段落分けと改行を使うタイミングと言うか、文章を書く上でどちらを使うべきかがわからないのですが。
- ベストアンサー
- HTML
- divやp要素の前後は改行されるとありますがどこから改行されるのでしょうか
<body> <div align="center"> <br> あいうえお<br> <img src="../xxx/1.jpg" width="640" height="400" border="0"> <br> <p class="text_min"> あいうえお<br> </p> あいうえお<br> <br> </div> </body> 上記の場合、改行位置はこうでしょうか？↓ ＊改行＊ <div align="center"> </div> *改行* ＊改行＊ <p class="text_min"> </p> ＊改行＊ という事でしょうか？ 当たり前のような質問ですいません！
- 締切済み
- HTML
- 全体のレイアウト：中央揃えについて
画面の全体のレイアウトを中央にそろえたいと思い、「div.Zen { margin-left: auto; margin-right: auto }」を指定してもIEでは中央揃えになっていませんでした。 ところが、「body { text-align: center }」を指定したところ、中央揃えになりました。 ブラウザで比較してみると、 ■IE7 body { text-align: center }で、中央揃え div.Zen { margin-left: auto; margin-right: auto }では中央にならない ■Opera9.25 body { text-align: center }では、中央にならない div.Zen { margin-left: auto; margin-right: auto }で、中央揃え ■NetScape7.1 body { text-align: center }では、中央にならない div.Zen { margin-left: auto; margin-right: auto }で、中央揃え ■Firefox2 body { text-align: center }では、中央にならない div.Zen { margin-left: auto; margin-right: auto }で、中央揃え と、ブラウザによって中央になる指定が違うのですが何故このようなことが起こるのでしょうか？ 回答よろしくお願いします。 <?xml version="1.0" encoding="Shift-JIS" standalone="no"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"> <head> <style type="text/css"> <!-- div.Zen { width: 900px; margin-left: auto; margin-right: auto } body { text-align: center } #Ky { float: left } div.Ku1_0 { width: 900px; height: 150px; background-color: aqua } --> </style> <title></title> </head> <body> <div class="Zen"> <div class="Ku1_0" id="Ky"></div> </div> </body> </html>
- ベストアンサー
- HTML
- リンクを横に並べるには、どうすればいいですか？
リンクを下記のように並べたいのですが、CSSにはなんと記述すればいいでしょうか？ リンク1（中央揃え） リンク2（右揃え） なぜか、下記のようになってしまいます。 リンク1（中央揃えにしたいのに、左揃え状態） リンク2（右揃えになっているけど、改行されてしまう） margineかpaddingで設定するしかないでしょうか？ 文章が見づらくて、すいません。私が記述したHTML・CSSのソースを下記に載せます。 よろしくお願いします。 /*---------- CSS部分（外部スタイルシートに記述） ----------*/ div#inline { display: inline; } div#center { text-align: center; } div#right { text-align: right: } /*---------- HTML部分 ----------*/ <div id="inline"> <div id="center"><a href="～○○">リンク1</a></div> <div id="right"><a href="～○○">リンク2</a></div> </div>
- ベストアンサー
- CSS
お礼
ありがとうございました。 <div>を使えばよかったんですね！ 非常に役に立っています。