リンクの位置を右端にしたいのですが、下記のようにはかけないようです。

直感的というか記憶しやすい書き方を教えてください。
<a href="top.html" align="right">次のページ</a>

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2007/11/28 13:05:05
  • 終了:2007/12/05 13:10:04

回答(3件)

id:gessan No.1

gessan回答回数154ベストアンサー獲得回数12007/11/28 13:20:44

ポイント27pt
<div align="right"><a href="top.html">次のページ</a></div>

右寄せの枠を作る感じです

http://q.hatena.ne.jp/answer

id:tukihatu No.2

牛乳先生(tukihatu)回答回数180ベストアンサー獲得回数322007/11/28 13:26:33

ポイント27pt

ちょっと違うけど↓もどうぞ

http://www.mozilla.gr.jp/standards/webtips0004.html

id:isogaya

うーん、めんどくさい指定になるんですね。直感的ではないのはどうしようもないのでしょうか

2007/11/28 14:06:08
id:KUROX No.3

KUROX回答回数3542ベストアンサー獲得回数1402007/11/28 23:27:04

ポイント26pt

CSSで、スタイルを定義して、そのスタイル属性を指定すれば

直感的になると思います。

■サンプル例

<style type="text/css">

a.right{

display : block;

width : 100%;

text-align : right;

}

</style>

<a href="top.html" class="right">次のページ</a>

http://q.hatena.ne.jp/answer

  • id:hokuraku
    と、回答を書いてましたがすでについたようですので、オープンされるのを待ってから回答欄かコメント欄に記入することにします。
  • id:hokuraku
    お二人の回答と似たり寄ったりかも知れませんが、準備していた回答は以下のとおりです。

    ===================
    見たところ文章の最後に行を取ってつけそうですので、
    >||
    <div align="right"><a href="xxx.html">次のページへ</a></div>
    ||<
    でどうでしょうか。


    ブロック要素(行全体にわたるもの)のタグでないとalign属性は使えません。
    <a>はインライン要素(行の中で使える要素)なので、ブロック要素のタグで囲む必要があります。
    ブロック要素で範囲を示すタグである
    >||
    <div>~</div>
    <||
    を使えばOKです。

    参考:http://members.jcom.home.ne.jp/pctips/www/bandi.html

    ============
    なかなか「直観的」というのは難しいかもしれませんね。
    なお、上記のなかの>||~||<ははてな記法なので無視してください。
    以上、ご参考までに。
  • id:tukihatu
    コメント見ずにかいちゃった、すみません。先に書いた方にポイント上げて下さいね^^

    補足的に・・・
    <a href="top.html" style="display:block;" align="right">次のページ</a>

    と書くと、右寄せできたりします。(確認してないしお勧めではないですが。
    これは、style="display:block;"という表記で、”このタグはブロック要素ですよー”というのを指定しているので、右寄せしてくれる、という感じです。
    <li>で使っている人をよく見ます。

    インライン要素とブロック要素は重要なのでぜひ覚えましょう~

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません