• 締切済み

文字位置

いつもこちらで助けられています。 今、ホームページを作成中です。 CSSで、文字位置を指定したいのですが、 ホームページ作成サイトなどを見ると、 たとえば… .navi3{ text-align:right;   } とありましたが、これでは、右よりにならず、左よりの通常になってしまいます。 どうすればいいでしょうか? 教えて下さい、よろしくお願いいたします。

みんなの回答

  • crepon133
  • ベストアンサー率51% (399/776)
回答No.2

.navi3{ text-align:right; } <p class="navi3">ああああああ<p> このように使ってください。

  • calltella
  • ベストアンサー率49% (317/635)
回答No.1

.navi3{ text-align:right;   } ↑これだけではなぜ右よりにならないのかわかりません。 その部分のソースを公開してください。

関連するQ&A

  • 文字位置の一括指定について

    質問させてください。 普通HTMLで文字位置を指定するには <div align="left"> などが一般的だと思うのですが、 CSSを使って、<div>を使わないでも文字位置を一括指定できる方法はないのでしょうか。 HTML講座を探してみたんですけれどもわからなくて…。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • HTMLでテーブル内のリンクに色付けしたい。

    ==HTML <table class="class1"> <tr> <td class="class2"> <p> ああああああああああ <span class="class3"> <a href="xxx.html">別サイトへ</a> </span></br> </p> <p>あああああああああ</p> </td> </tr> </table> ==CSS td.class2 .class3 { /*ダウンロードの文字*/ text-align:right; /*行揃えの位置や、均等割付を指定*/ float:right; /*要素の左または右寄せを指定*/ color:#FF0009 /*文字の色を指定*/ } 部分抜粋でこんな感じのプログラムを書きました。 CSSの text-align と float:right はHTMLの『別サイトへ』の文字にかかってしっかり右端に寄ってくれます。 しかし文字の色が変化してくれません。 問題はリンクなので  <a........>別サイトへ</a> となっていて<a>の指定をCSS側でもやってあげないといけないのはわかっているのですがどう書けばいいのか分りません。 ・td.class2 a.class3 { ・td.class2.class3 a.class3 { ・.class2.class3 a.class3 { などで初めて td.class2 .class3 { /*ダウンロードの文字*/ text-align:right; /*行揃えの位置や、均等割付を指定*/ float:right; /*要素の左または右寄せを指定*/ } td.class2.class3 a.class3 { color:#FF0009 /*文字の色を指定*/ } などと書いたりしたのですが文字の色に変化がありません。 この場合どう書けば文字の色に変化をつけれるんでしょうか?

  • 文字・画像の位置の指定

    こんばんは。HPを作成しようと頑張っている者です。 文字や画像を「center」などの決められた位置じゃなく、好きな位置に指定し、さらに動かないように固定したいのですが、CSSでのタグがいまいち分からなくて困っています。どなたか教えてください!初心者のため、詳しく教えてくださると嬉しいです。

  • 文字を右寄りにしつつ、背景を赤にするには

    css初心者です。 一番左のセルのみ、文字を右寄りにしつつ、背景を赤にしたいのですが、 全ての背景に色がついてしまいます。 1と100のセルのみ、文字を右寄りにしつつ、背景を赤にするにはどうすればいいですか? <html> <head> <title>test</title> <style type="text/css"> td.table_moji_right { text-align: right; } td { background-color: red; } </style> </head> <body> <table border=1 cellspacing=1> <tr><td class="table_moji_right">1</td><td>aaa</td></tr> <tr><td class="table_moji_right">100</td><td>iii</td></tr> </table> </body> </html>

    • ベストアンサー
    • HTML
  • テーブルの位置を細かく指定したい。

    現在、テーブルを組み合わせたサイトを作っていまして そのテーブルの位置に悩んでおります。 背景固定で一つ大きめのイラストを置いていまして そこに合わせてテーブルの位置を細かく調整したいのです。 center、left、rightの偏った3種類の位置じゃなく 左から200ピクセル程度の位置にテーブルを置きたいのです。 この様なタグはありませんか? これはCSSなどて指定するしかないのでしようか?

    • ベストアンサー
    • HTML
  • 上下の位置揃えについて

    オブジェクトの TEXTやLABELで文字を左揃え、中央揃え、右揃えはALIGNMENTプロパティを指定しますが、上下の位置指定はどのようにすれば良いか教えてください。 いつも上揃えになってしまいます。 よろしくお願いします。

  • 画像の位置がずれてしまいます

    画像を入れて、align=rightと入れても文字サイズを変えたり、左の(検索とかの)フレームを消してプラウザを広くしたりするとページデザインがばらばらになってしまい、画像位置がずれてしまいます。 画像及び文章を固定してしまう方法をぜひ教えてください

    • ベストアンサー
    • HTML
  • 文字を揃えたいのです。

    初心者です。よろしくお願いいたします。 よく小説サイトとかで見られる手法なのですが、 ページの左側から何ポイントかを開けた場所から文字をスタートさせたいのです。 つまり、     ●●●●●●●●●●●●●●●●●●     ●●●●●●●●●●●●●●     ●●●●●●●●●●●●●●●●●●     ●●●●●●●● のようにしたいのです。 <div align=center></div>だと           ●●●●●●●●●●●●       ●●●●●●●●●●●●●●●●●●●●●             ●●●●●●●●● のように文字の始めがそろわないし、 <div align=left>/div>だと ●●●●●●●●●●●●●●●●●● ●●●●●●●●●● ●●●●●●●●●●●●●●● のように、文字の始まりが一番右端になってしまいます。 たしか、文字の始まりをpxで指定するCSSがあったように思うのですが、 そのタグ(?)を載せたサイト様がどこにあるかわからず途方にくれています。 以上のような表示のさせ方が出来るCSSを教えていただけないでしょうか。 お願いいたします。

    • ベストアンサー
    • HTML
  • cssで画像と文字をまとめて右下に表示する方法

    今学校の課題でHTMLとCSSとの役割をはっきりさせたサイトを制作しています。 そこで、質問はタイトルの通りですが、どうやってもうまく表示されません。 画像(背景画像ではない)を右下に表示させようと思ったら position:absolute; bottom:YYpx; right:XXpx; とすればよく、文字を右下に表示させようと思ったら text-align:right; vertical-align:bottom; とすればよいと思います。(間違いがあったらすみません;;) しかし、画像とテキストを画像が上、テキストが下の順番で右下に配置しようとすると、テキストに対するCSSが解除(?)されてしまったのか、テキストが左上に表示されてしまいます。 目標としては下の図のようにしたいのですが・・・ -------------------------------------------------html┐ -----------------------------------------------h1┐                            ┌-----┐                            |画像 |                            |   |                            └-----┘                            テキスト -----------------------------------------------h1┘ -------------------------------------------------html┘ また、画像の横位置の中心にテキストの横位置の中心が並べばベストといったかんじです。 編集環境はwindowsXPpro/Dreamweaver CS3、プレビューにはIE7を使用しています。 どなたか解決策をお知りの方がいらっしゃいましたら、ご教授お願いします。

    • ベストアンサー
    • HTML
  • 画像の位置

    お世話になります。 ホームページ上に画像を載せるとき、左にちょっと間隔を開けて載せたいのですが、どうすればいいでしょうか。 align=""がleft,center,rightしか分かりません。 よろしくお願いします。

    • ベストアンサー
    • HTML