cssでaにwidth:100%;としてしまった場合。

[新着] Webテンプレートを仮オープンしました

0   名前： やーまん ： 2006/12/04（月） 23:52  ID:Qe4QR/If
HPを作り始めて1年足らずの初心者です。
すみません、教えてください。

cssでaにwidth:100%;としてliでメニューを作りました。
幅全部がリンクされてとても思い通りになりましたが、
他のリンクも幅すべてがリンク状態になってしまいます。

<p style="margin: 0;">
<a href="question/index.html">アンケート</a> - <a href="guide/link/index.html">リンクのお願い</a> - <a href="fc2.com/aeg/">管理人ブログ</a> </p>

なんてのを貼ると、『アンケート』で1行のリンク、『-』で1行となってしまい、
大変なことになりました。

aにclassは使えませんか？うまくできません。
やはり、width:100%をけさないと駄目でしょうか?

すみません、教えてください。お願い致します。
1   名前： イサ ： 2006/12/04（月） 23:52  ［URL］  ID:0yJG31Zh
ちょっと理解できませんが、なぜ"a"をwidth:100%にする必要があるのでしょう？

メニューの幅全部をリンクするなら

<ul>
<li><a href="menu1.html">メニュー１</a></li>
<li><a href="menu2.html">メニュー２</a></li>
<li><a href="menu3.html">メニュー３</a></li>
</ul>


ではダメなのですか？

2   名前： 河豚 ： 2006/12/04（月） 23:52  ID:CuLojBCb
liの中のaだけに、width:100%を効かせればいいとおもいます。

このサイト内の「スタイルシートの基本」の「書式の基本」でも一度目を通されて、cssの基本を学ばれることをオススメします。勿論、classのことも一緒に勉強されるといいでしょう。

3   名前： やーまん  ： 2006/12/04（月） 23:52  ID:Qe4QR/If
えと･･･。

たとえば

『プロフィール』というのと
『作品』というのでは文字数が違うので、
文字にマウスを持っていかないとならないのですが、
100%にして、作品の文字以外の行でも
リンクできるようにしたかったのです。。。

意味が通じるでしょうか？

すみません･･･
そもそもこのやり方がおかしいのでしょうか？
4   名前： 通りすがり ： 2006/12/04（月） 23:52  ID:UWsZexeD
『-』を削除すればいいだけでは？
何のためにつけたままに？
5   名前： 河豚 ： 2006/12/04（月） 23:52  ID:CuLojBCb
>>3
大丈夫。おかしくないですよ。常套手段です。そこに、罫やバックグラウンドを上手にすると、ボタンのなり、文字でなくエリアで、オンマウス状態になるので、ユーザビリティ的にも好ましいです。

最初の質問でliの上手くいったところを挙げないで、思い通りに行かない例をアップしておられるので、誤解されています。
6   名前： やーまん ： 2006/12/04（月） 23:52  ID:Qe4QR/If
河豚さん有難うございます。
liの中のaだけにやってみました。
ばっちりです！　(^O^)v
うまく思うようにできあがりました！！

イサさん、通りすがりさんも有難うございました！

これからももっと勉強します。
又わからなくなった時には教えてください。
本当に有難うございました。
一覧へ戻る