Cartのテンプレートを制作しています。何とか使いやすくて綺麗なデザインにしたいと思っています。何に重点を置くでしょう?・見た目のかっこよさ・見易さ・わかりやすさ・使いやすさ等々、きっといろんなことが出てきますよね。制作する人、デザインする人、管理する人、使う人・・・その立場によって要望も変わってくるでしょう。いいのは、どんな要望も満たせるページなのでしょうが、それはなかなか難しい・・・それでも最近はどんな人にでも使いやすいページを作りたいなと思います。そんな、ユーザビリティ、アクセシビリティをどんどん良くしていって、それからデザインも良くできていったらいいななんて思いつつ作業をしています。PMdivを左右に浮かべてならべる為に、floatを使うと思います。それは、左図のようになっているせいかもしれません。中のdivの高さに連動できていないのです。赤点線のdivに背景やborder-bottomなどを指定していても中のdivに邪魔されて表示されません。id=”menu”><ul><li>What’NEW</li><li>News&info</li>~~~~~省略~~~~~~<li>利用規約</li><li>プライバシーポリシー</li></ul></div>いたって普通のリストです次に、CSS(スタイルシート)、リストのときに表示される黒点を表示しないように指定。50%;※liに背景画像を指定します。真ん中に画像がくるようにポジションは50%に!line-height:30px;※あまりメニュー同士にくっついて欲しくないときは、line-heightで調節。heightでは文字の位置があわなかったりするので、ここはline-height!!あとは、ここにtext-alignや、margin、paddingを使ってお好みの位置に表示しましょう。