ここから本文です

HTML, CSSのliマークについて

質問者

nap_zackさん

2009/10/916:42:50

HTML, CSSのliマークについて

はじめまして。
最近になって、HTML, CSSの学習を始めました。

ご質問なのですが、
HTML, CSSの中で「li」タグを使った文章を記述しました。

floatで整列させているのですが、「li」タグを使用すると、
「・」(中点)が文章の前についてしまいます。

これを消すにはどのようにすればよいでしょうか?

具体的には下記のようになってしまいます。

【下記のようにしたいのですが】
あいうえお
かきくけこ
さしすせそ
たちつてと

【下記のような状態になってしまっています】
・あいうえお
・かきくけこ
・さしすせそ
・たちつてと

ご存知の方がいらっしゃいましたら、
アドバイスの程よろしくお願いいたします。





以下がソースになります。

【HTML ソース】
<div id="footer">
<ul id="footerNavigation">
<li><a href="#">あいうえお</a></li>
<li><a href="#">かきくけこ</a></li>
<li><a href="#">さしすせそ</a></li>
<li><a href="#">たちつてと</a></li>
</ul>
</div>



【CSS ソース】
#footer{
clear:both;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}

#footerNavigation {
padding left: 10px;
border-top: 1px solid #E5E5E5;
font-size: 90%;
line-height: 1.2;
}

#footerNavigation li{
float: left;
margin-right: 20px;
padding: 8px 0;
}

#footerNavigation li a {
display: block;
padding-left: 6px;
background: url(相対パスのアドレス) left center no-repeat;
text-decoration: none;
}

閲覧数:
2,414
回答数:
1
お礼:
100枚

違反報告

ベストアンサーに選ばれた回答

edo_m18さん

2009/10/916:55:18

消すには、「list-style-type: none;」を使います。

CSS は色々癖があって覚えるのが大変ですが、
そのぶん分かってくるととても楽しいものです。

きっとこれから先、色々な問題点に出会うと思いますが、
そういったことも自分で検索して調べる力をつけておくと
後々、自分の身になることが多いです。
(調べている最中に、前々から疑問だったことが解決したり、
といったこともあったりします)

ちなみに今回で言えば「li 点 消す」あたりで検索すると
すぐに問題を解決するサイトが見つかると思います。

質問した人からのコメント

2009/10/9 16:59:03

ご親切にありがとうございました!
学ぶことが多そうですが、その分やりがいもありそうです。

ありがとうございました!

ちょい足しを取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

ID/ニックネームを選択し、「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問や知恵ノートは選択されたID/ニックネームのMy知恵袋で確認できます。

ほかのID/ニックネームで利用登録する