removing extra spaces

I have a csss/html question that perhaps the experts here can help me
with.
The following code leaves small gaps between the div tags. how can I
remove them?

<div >
<div >
<div
<div >
<img src="img/bultlineang2.gif">
<img src="img/minusnl.gif">
<span>test1</span>
</div>
<div >
<div >
<div >
<img src="img/bultline.gif">
<img src="img/plusnl.gif">
<span>test2</span>
</div>
</div>
</div>
</div>
</div>
</div>

dave wrote:

I have a csss/html question that perhaps the experts here can help me
with.
The following code leaves small gaps between the div tags. how can I
remove them?

div
div
div
div

[snip]

First of all, close the gap between the "<div" and ">", then complete
the third one, and if you then still have gaps, show a url so we can
see what you mean.

Seeing that you are using Google Groups, I'd like you to read this
page before replying:

http://www.safalra.com/special/googlegroupsreply/

Then, if you are planning on visiting more often, I'd advise you to
read this link, as it may give you good ideas on how to have more
people reply to you:

http://blinkynet.net/comp/uip5.html

HTH :-)

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

First of all, close the gap between the "<div" and ">", then complete
the third one, and if you then still have gaps, show a url so we can
see what you mean.[
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/
[snip]

Thanks Els,

I removed all extraneous div tags and spaces but the problem is still
there.
The html just has a body tag, and 3 image tags with a div.
Normally, this problem is caused by an extra space somewhere, but I
can't see what is wrong...


http://70.71.164.85/bookmarks/test.html

dave wrote:

First of all, close the gap between the "<div" and ">", then complete
the third one, and if you then still have gaps, show a url so we can
see what you mean.

I removed all extraneous div tags and spaces but the problem is still
there.
The html just has a body tag, and 3 image tags with a div.

So it's lacking a doctype ;-)

Normally, this problem is caused by an extra space somewhere, but I
can't see what is wrong...

http://70.71.164.85/bookmarks/test.html

The divs don't have any space between them.
(give the divs a border-left:1px solid red; and you will see that)

What you see is the space defined by the line-height of the text in
the <span>s.

Set the lineheight to something smaller than the images.
With your current font-size, a line-height of 0.7em seems to do the
trick, but keep in mind that if the visitor enlarges the text, the
images will part again.

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

dave schreef:

First of all, close the gap between the "<div" and ">", then complete
the third one, and if you then still have gaps, show a url so we can
see what you mean.[
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/
[snip]

Thanks Els,

I removed all extraneous div tags and spaces but the problem is still
there.
The html just has a body tag, and 3 image tags with a div.
Normally, this problem is caused by an extra space somewhere, but I
can't see what is wrong...


http://70.71.164.85/bookmarks/test.html

Ah, an example, that works better: your font-size / line-height is to big.


This works:

span{
font-family: arial;
font-size: 0.8em;
line-height: 0.8em;
}

Remember to give that span a class-name!


--
Niek