HTML

2010年04月14日

こんなミスはやらないとおもうけど

リストの行頭を変更しようとして表示されていなくて悩んでしまった。 結論を言うと、すべての要素のマージンとパディングを0にして最初にリセットしていたため、行頭と文字が重なってしまったようだ。 今後同じ間違いを使用しないようにメモをしておくようにしました。
<ul>
	<li>hogehoge</li>
	<li>hogehoge</li>
	<li>hogehoge</li>
</ul>


cssは最初にマージンとパディングがリセットしてあった。
*	{
	margin:0;
	padding:0;
	}

だから、本当は、
  • hogehoge
  • hogehoge
  • hogehoge
と表示したかったんだけど hogehoge hogehoge hogehoge ってなってしまった あとで、liにパディングをいれて対応しました li { padding-right:5px; }


alphis at 21:14|Permalink