[WEB4LIB] rows and spans - fixed!

Andrew Mutch amutch at waterford.lib.mi.us
Fri Jun 9 15:37:36 EDT 2000


Thank you to everyone who responded with suggestions on how to fix the
problem.  I knew as I left for lunch that the solution would be awaiting
when I returned!
:)

As Rachel MacDonald noted:

"You have extra space in your table which is causing the problem:  you
should
have the black shade cell in the same row as the "logobot.gif" cell.  You
also need to change the rowspan attribute of that cell."

as Thomas Dowling illustrated:

"...[T]here is undefined space to the right of the logobot
image in the topmost of the five rows it's spanning.  I think some
browsers see that there's no table cell there and leave a minimum amount
of white space.

+--------+
|  R1C1  |   Nothing Goes Here
|        |
|        |  +-----------------+
|  R2C1  |  | Black Stripe    |
|        |  +-----------------+
|        |  +-----------------+
|  R3C1  |  | Med Grey Stripe |
|        |  +-----------------+
|        |  +-----------------+
|  R4C1  |  | Light Grey      |
|        |  +-----------------+
|        |  +-----------------+
|  R5C1  |  | White ( )  |
+--------+  +-----------------+

The code fix for this was:

"<tr><td bgcolor="#3399FF" rowspan=4><a
href="http://twp.waterford.mi.us"><img src="IMAGES/logobot.gif"
width=130 height=63 border="0"></a></td>

<td colspan=3 bgcolor="#000000"><img src="images/blank.gif"
height="1"></td></tr>"

Special thanks to James Lenze for the idea to replace the final "blank"
spacer gif with "&nbsp;" in the "white" row.  That created the desired
effect.

You can see the final results here:

http://www.twp.waterford.mi.us/clerk/newidea.htm

It displays the way I wanted in IE 5.01 and NN 4.08 which works for me!

Thanks again everyone!

Andrew Mutch
Library Systems Technician
Waterford Township Public Library
Waterford, MI



Andrew Mutch wrote:

> I'm stuck on some code that is creating white space where I don't want
> it and even after pouring over it several times, I still can't figure
> out where it is coming from.  I have three rows that create a "shade"
> effect - one row is black, one row is dark grey and one row is light
> grey.  For some reason, the browsers are inserting a band of white above
> the black row which is NOT the effect I want.  You can see this visually
> at:
>
> http://www.twp.waterford.mi.us/CLERK/newidea.htm
>
> Anyone have an idea of what is causing this?
>
> Thanks!
>
> Andrew Mutch
> Library Systems Technician
> Waterford Township Public Library
> Waterford, MI



More information about the Web4lib mailing list