土曜の昼、学校帰りの昼メシの思い出

リンクの文字とリンクの文字を横に並ばす時に適度にスペースを入れたいのですがどうすればよいでしょうか?特に「はいそうです。」と「いいえ、違います」のリンク文字の間にスペースをキーボードから打ち込もうとすると、リンクの下線が伸びてしまうのですが・・・。文字の下のリンクの下線は残したまま、スペースの時に下線が伸びないようにするにはどうすればよいでしょうか?

<style type="text/css">
<!--
.style1 {
font-size: x-large;
font-weight: bold;
}
-->
</style>
</head>

<body>
<p class="style1"><img src="../image/web_013.gif" alt="引越元も引越先も1階かつ目の前でこちらが用意した台車は使用可能ですか?" width="400" height="77" /></p>


<div align="justify"> <a href="link3.html"><span class="style1">1.はいそうです。 </span></a> <a href="link0.html"><span class="style1"> 2.いいえ、違います。</span></a><br />
</div>

<p><span class="style1">   <img src="../image/web_024.gif" alt="引越元と引越先" width="300" height="357" /></span>


<a href="link1.html"></a></p>
<a href="link1.html">
<p align="left" class="style1"><input type="button" value="前へ戻る" onclick="window.history.back()" />
</p>
</a>

<a href="../index.html">
<p align="center">トップページへ戻る</p>
</a>
<p class="style1"></p>
</body>

</html>

A 回答 (1件)

HTML 記述法に合ってるか正確には知らないのですが、



><a href="link0.html"><span class="style1"> 2.いいえ、違います。</span></a><br />


という、<a href>の直前に全角スペースを入れれば、それがブラウザ画面上に現れます。


とすると、画面上で下線の付かない半角サイズの空間ができます。
もっと開けたければ全角スペースを複数入れます。

(画面からコピペすると全角スペースがあるのがわかります。)

「半角スペースは画面上に現れない」
「全角スペースを画面上で半角サイズに見える」のは
ブラウザだかの仕様なんだと聞いた憶えがあります。
規格上どうなのか、はわかりません。
「リンクの文字とリンクの文字を横に並ばす時」の回答画像1
    • good
    • 0
この回答へのお礼

画像までつけて頂き、アドバイスどうもありがとうございます。大変参考になりました。<a href>の直前に全角スペースを入れるのですね!

お礼日時:2010/10/03 13:35

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

このQ&Aを見た人はこんなQ&Aも見ています


おすすめ情報