[thelist] CSS Line Spacing Issue

[Chris W. Parker]

how about putting css to work properly and creating a class for all
those "background-color:#ffffff;" definitions?

.imageBKG {
	background-color: #FFFFFF;
	}

<span class="imageBKG"><img /></span>

as for your other problem...

> <div>
> <span style="background-color:#FFFFFF;"><img src="clear.gif"
> border='0'
> width='10' height='10'></span><span
> style="background-color:#FFFFFF;"><img
> src="clear.gif" border='0' width='10' height='10'></span><span
> style="background-color:#FFFFFF;"><img src="clear.gif"
> border='0' width='10'
> height='10'></span><span style="background-color:#FFFFFF;"><img
> src="clear.gif" border='0' width='10' height='10'></span>
> </div>
>
> <div>
> <span style="background-color:#FFFFFF;"><img src="clear.gif"
> border='0'
> width='10' height='10'></span><span
> style="background-color:#FFFFFF;"><img
> src="clear.gif" border='0' width='10' height='10'></span><span
> style="background-color:#FFFFFF;"><img src="clear.gif"
> border='0' width='10'
> height='10'></span><span style="background-color:#FFFFFF;"><img
> src="clear.gif" border='0' width='10' height='10'></span>
> </div>
>
> <div>
> <span style="background-color:#FFFFFF;"><img src="clear.gif"
> border='0'
> width='10' height='10'></span><span
> style="background-color:#FFFFFF;"><img
> src="clear.gif" border='0' width='10' height='10'></span><span
> style="background-color:#FFFFFF;"><img src="clear.gif"
> border='0' width='10'
> height='10'></span><span style="background-color:#FFFFFF;"><img
> src="clear.gif" border='0' width='10' height='10'></span>
> </div>

how about using one div instead of three and including all your <img>
tags inside one <p> tag? (i'm just throwing out ideas, i don't know if
this will work...)

the reason i suggest this is because you don't assign the three
different divs any sort of class or id. so there is really no reason (in
my mind, that i know of) to seperate them considering they are producing
an undesired effect.

you have something like this...

<div>
<span>..</span><span>.....</span>
</div>

<div>
<span>..</span><span>.....</span>
</div>

<div>
<span>..</span><span>.....</span>
</div>

try something like this instead...

<div><p class="imageBKG"><img /><img /><img /><br />
<img /><img /><img /><br />
<img /><img /><img /></p></div>


i'm just guessing, but in this case you can adjust the class, imageBKG,
to also include line-height(?). thus making the spacing between each
line larger or smaller.


HTH,
chris.