ドリームウィーバーについての質問です

質問

もしかしたら、すごく簡単なことなのかもしれませんが、ドリームウィーバーでわからないことがあります。以下のサイトの左上にある、ナビゲーションにある区切り線（点線）はどのように作るのでしょうか？
http://www.olivierpasqual.ch/
自分のホームページ上で見た目的に同じようなものをつくりたくて、区切り点線なしのナビゲーションを、テーブル機能をつかって作りました。ドリームウィーバーをつかってどのように横点線をだすのか、ご存知のかた教えていただけますか？よろしくお願いします。

回答No.3

rainbowsix

サンプルサイトのようなナビゲーションとして使用するのであれば、<ul>要素を使用することをおすすめします。
<div id="menu">
<ul>
<li><a href="#">list1</a></li>
<li><a href="#">list2</a></li>
<li><a href="#">list3</a></li>
<li><a href="#">list4</a></li>
</ul>
</div>
などとして、
#menu ul li a{
display:block;
width:150px;
border-bottom:1px dotted #000;
}
などと指定してあげてはいかがでしょうか。

ちなみにこの点線、IEで見ると「2pxの点→2pxの空白」の連続となっていることと思います。これ、実はIEのバグでして、本当は「1pxの点→1pxの空白」となるのが正しいのです。他のブラウザではそのように表示されます。私見ですが、1pxのほうがかっこいいです。
コレをIEでも実現しようと思ったら、白1pxと黒1pxが隣り合った、2pxの背景画像を用意して、CSSで「backgrond-repeat:repeat-x;」などとしてあげると吉です。