WebCreators5月号

はじめまして。
地方でWeb製作に携わっております、でぷと申します。
web creators6月号の“webレイアウトのネタ帖”についての記事が見つけられなかったため、こちらに書き込みさせていただきます。

連載記事中の、p84、pointDの“li要素にリンクを張って…”の箇所についてなのですが、この部分のソースは、文法的に間違いがないでしょうか？
ulは直下にliのみを内包でき、さらにaはインライン要素のみ内包できるという決まりごとが一応あると思うのですが…。
ご見解ございましたらお願いいたします。
ちなみに、同様の機能は、
aをliに内包させ、たとえば
.btn li{
list-style-type: none;
width: 176px;
height: 36px;
padding: 0px;
margin-bottom:5px;
border:1px solid #cccccc;
background-color: #eeeeee;
}
.btn li a{
display: block;
width: 170px;
height: 30px;
padding: 3px;
}
のように指定することで、実現できないでしょうか。

以上、長々と書き綴ってしまい申し訳ありません。

投稿者でぷ : May 5, 2005 8:52 PM

コメントを承認制にしたのを忘れていました。
すみません。

確かに文法的にはそうですね。
aタグをblockにするなら、
width・heightやボーダーなども
aタグに設定した方が
わかりやすいように思います。

投稿者yoshihiko : June 2, 2005 9:43 PM