Dreamweaver - Reducing space between divs

Author

Reducing space between divs - plz look at my code

hasanali00

2005-08-31, 7:18 am

I am not sure what title to use for this post, anyway, I have folowing css code:

#rightsimplenavlist ul { list-style-type: square; }

#rightsimplenavlist ul li a
{
text-align: left;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida,
sans-serif;
text-decoration: none;
color: #999;
}

#rightsimplenavlist ul li a:hover
{
color: black;
}

div.box {
margin : 8px;
border : 1px solid #899EC8;
height:100%;
}

.box p {
padding : 5px;
border-top : 1px dotted #899EC8;
}
.box h1 {
font-size:14px;
padding: 3px;
}

Then, I have html code:
<div class="box">
<h1>Shopping with us</h1>
<p>
<div id="rightsimplenavlist">
<ul>
<li><a href="#">How to order</a></li>
<li><a href="#">How to pay</a></li>
<li><a href="#">Postage options</a></li>
</ul>
</div>

</p>
</div>

As would see, the list (e.g How to order) appears further down the dotted
line. How can I make it appear just below the dotted line??? I just want to
reduce the space betweeb the dotted line and the list.

regards

hasanali00

2005-08-31, 7:32 pm

I believe, the only changes u have made is margin-top=0 in the follwoing:
#rightsimplenavlist ul {
list-style-type: square;
margin-top: 0;
}

It did push up the list, but not that much.

trx

2005-08-31, 7:34 pm

On Wed, 31 Aug 2005 14:35:39 +0000 (UTC), hasanali00 wrote:

> I believe, the only changes u have made is margin-top=0 in the follwoing:
> #rightsimplenavlist ul {
> list-style-type: square;
> margin-top: 0;
> }
>
> It did push up the list, but not that much.

Load all of the code I suggested in DW, and I think you will see that there
were more changes than that. Just open a new DW page, paste in all of the
code, and preview.

--
trx