Horizontal line - vertical space?

[Paul Kraemer]

Hi,
I am using FP2000 and I am trying to create an include
page to use as a common footer for my web pages. The
footer includes a one cell table with a fixed height of
50 pixels. I have set valign="bottom" and I have typed
two lines of text (address, phone,etc.) inside <p></p>
tags, using a <BR/> tag in the middle to move down to the
second line. I'd like to put a thin horizontal line
above the text, but I don't want to make the cell any
taller. When I try Insert | Horizontal line, it adds an
<hr> tag which creates the line, but the line takes up
much more vertical space than the height of the line
itself (even if I set this to zero). This pushes my text
down and makes my table/cell larger. Can anyone tell me
if there is a way that I can control the amount of
vertical space used by the <hr> tag. Basically, I'd like
it to take no vertical space at all.

Thanks,
Paul

 

[Ronx]

The <hr> tag is a block level tag which will add whitespace above and below
the line.
Instead, consider an additional row containing an image:
<table>
<tr>
<td bgcolor="red"><image src="tp.gif" width="10" height="1" alt=""></td>
</tr>
<tr>
<td><p>your stuff<br>
more stuff</p></td>
</tr>
</table>

tp.gif used here is a transparent gif used to set the height of the cell.
The line is the background colour of the cell.

Ron

 

[Paul Kraemer]

Hi Ron,

Thanks...that worked great. My only problem is that I
would like my separator line to print if someone prints
my page. After following your example, it seems like my
line will only print if Internet Explorer is set
to "Print background colors and images." At least on my
computer, this setting was not the default. Do you know
if there is a way I can force my separator line to print?

Thanks again,
Paul

 

[Ronx]

Use a coloured gif instead of transparent, and use <img src="red.gif"
width="100%" height="1" alt="">

Should print unless the browser is set to not print images.

Ron