[thelist] images, overlying and tangent
Diane Soini
dianesoini at earthlink.net
Mon Aug 30 23:05:21 CDT 2004
On Monday, August 30, 2004, at 05:45 PM,
thelist-request at lists.evolt.org wrote
>
> Please look at
> http://www.whitelightening.net/GSC/GSCMain.htm
>
> to see what I am talking about.
>
> Is there any way to get images to overlay each other, or to lie
> tangent to
> each other?
>
> In the example I show, the buttons across the top - home, references,
> biotech, construc.... what I really want is those buttons sitting on
> top of
> or tangent to the line that is underneath them, so it looks like a file
> draw.
>
> Any suggestions?
>
I think the problem you are seeing is when there are line breaks after
image tags in the code. You see space below the image in the rendered
layout if there is a line break after the end of the image tag. The is
merely because of the implied line-space of the text that would
otherwise be there. The space would be for the descenders of the
letters (such as for the letter "j").
You need to think of some other way to lay out your images and the
black line below so that there will not be any space left over for
descenders. There would be multitudes, such as putting each image in
its own <td>, and a <td> that spans all columns for the black line
below; using css floats for the images and a wrapper div with a black
bottom border for the line; using css to style an unordered list with
background images, etc etc.
It's up to you.
More information about the thelist
mailing list