電子書籍の厳選無料作品が豊富!

同じ行にリンクを複数おきたいのです。
例えばOKWAVEではトップページに「質問する」と「回答する」が同じ行に2つのリンクがありますよね。
タグでどんな風にするのか教えてください。お願いします。

A 回答 (2件)

難しく考えず、単純に同じ行内に複数のリンクを設定する、でいいんですよね?



でしたら、ビルダーならばリンクしたい部分をドラックで選択した状態で「リンクの挿入」を行っていけばいいだけです。
画像にしても同様です。
リンク設定をしても、改行を入れなければ同じ行で動くことはありません。
タグですと

質問はこちらから<a href="Q.html">「質問する」</a>|回答はこちらから<a href="A.html">「回答する」</a> |結果を見るならこちらから<a href="FAQ.html">「結果をみる」</a>

以上の記述で、ブラウザ上には

質問はこちらから「質問する」|回答はこちらから「回答する」</a> |結果を見るならこちらから「結果をみる」

と、「」内のリンク指定それぞれのページにハイパーリンクします。

参考URL:http://www.tagindex.com/html_tag/link/a.html
    • good
    • 0

改行を入れなければ横に並びます。


またOKWaveではリストを使って横に並べています。
リストタグは通常縦並びですが、CSSで横並びに出来ます。
一例
(CSS)
li{ float: left; }
or
li{ display:inline; }
(html)
<ul>
<li>リンク1</li>
<li>リンク2</li>
<li>リンク3</li>
</ul>
リンク文字の部分をボタン風に装飾も出来ます。

この回答への補足

すいません。
このcssってどこに入れればいいか教えていただいてもいいですか?

補足日時:2007/06/18 12:25
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!