google画像検索のように画像を表示させたい
http://oshiete1.goo.ne.jp/qa4869855.html
で質問した者です。
「googleのように 画像」で検索したところ
http://okwave.jp/qa4567914.html このページがHITしました。
そこでNo3の方のソースを元に画像を表示させてみました。
---ここから---
<style type="text/css">
<!--
p{ text-indent: 1em;}
body>h1,body>h2{ text-align:center;}
p.abstract{ margin-left: 20%; margin-right: 20%;}
div.ImageList{ position: relative; margin-left:20%;margin-right:10%;width: auto; border: solid 2px blue;}
div.ImageList ol{ display:block; margin:0px; padding:0px;}
div.ImageList>ol>li{display: block; margin: 2px;padding:0px;border:solid 1px gray; width:160px;height: 100px;float:left;text-align:center;}
div.ImageList>ol>li>ol>li{display:block;font-size:0.8em;text-align:left;padding:0.2em;text-indent:1em;}
div.ImageList hr{ clear:both;visibility:hidden;}
div.ImageList div{ position: absolute; width: 21%; left: -23%;top: 0px;font-size:0.9em}
-->
</style>
---ここまで---
このスタイルシートについてなのですが、
画像のまわりについている黒の薄い線と、大きな青い線を消すことは出来ないでしょうか？
この二つの枠線を消してもっと画像どうしをギュッと詰め込みたいのです。
どの部分を削れば削除することが出来ますか？
