Dreamweaver - space between two div tags

Author

space between two div tags

Brian

2006-02-24, 10:16 pm

I have two divs in my page that should be really close to each other
visually on the page. Below is the css for the two, but for some reason
n the page they are pretty far appart from each other. I want the s04
part to be as far away as the line height on the indented part. Right
now it looks far away from the whole thing.

Thank you for any help!

#s04
{
font-weight: bold;
padding-top: 16px;
}

#indented {
line-height: 16px;
margin-left : 20px;

}

My page looks like this:

<p><div id="s04">HEADLINE</div><br />
<div id="indented">
ITEM 01<br />
ITEM 02<br />
ITEM 03<br />
</div></p>

Murray *TMM*

2006-02-24, 10:16 pm

Why do it that way instead of a list element?

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Brian" <brian@agilitygraphics.com> wrote in message
news:dtnj1o$spp$1@forums.macromedia.com...
>I have two divs in my page that should be really close to each other
>visually on the page. Below is the css for the two, but for some reason n
>the page they are pretty far appart from each other. I want the s04 part to
>be as far away as the line height on the indented part. Right now it looks
>far away from the whole thing.
>
> Thank you for any help!
>
>
> #s04
> {
> font-weight: bold;
> padding-top: 16px;
> }
>
> #indented {
> line-height: 16px;
> margin-left : 20px;
>
> }
>
>
> My page looks like this:
>
> <p><div id="s04">HEADLINE</div><br />
> <div id="indented">
> ITEM 01<br />
> ITEM 02<br />
> ITEM 03<br />
> </div></p>

Bob

2006-02-24, 10:16 pm

If you mean the space between the "Headline" and the "Items" just remove the
<br/> after the headline </div>

bob
"Brian" <brian@agilitygraphics.com> wrote in message
news:dtnj1o$spp$1@forums.macromedia.com...
|I have two divs in my page that should be really close to each other
| visually on the page. Below is the css for the two, but for some reason
| n the page they are pretty far appart from each other. I want the s04
| part to be as far away as the line height on the indented part. Right
| now it looks far away from the whole thing.
|
| Thank you for any help!
|
|
| #s04
| {
| font-weight: bold;
| padding-top: 16px;
| }
|
| #indented {
| line-height: 16px;
| margin-left : 20px;
|
| }
|
|
| My page looks like this:
|
| <p><div id="s04">HEADLINE</div><br />
| <div id="indented">
| ITEM 01<br />
| ITEM 02<br />
| ITEM 03<br />
| </div></p>

Osgood

2006-02-24, 10:16 pm

Try something like this.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#s04
{
font-weight: bold;
padding-top: 16px;
}

#s04 ul {
margin: 0;
padding: 0;
}
#s04 li {
margin: 0;
padding: 0 0 4px 15px;
list-style: none;
}
#s04 h2 {
margin: 0;
padding: 0 0 4px 0;
font-size: 16px;
}

</style>
</head>

<body>
<div id="s04">
<h2>HEADLINE</h2>
<ul>
<li>ITEM 01</li>
<li>ITEM 01</li>
<li>ITEM 01</li>
</ul>
</div>

</body>
</html>