Re: Eliminating space between HR and Image
| From: | Michiel van Heusden | Date: | Thu, 20 Mar 2003 00:31:13 +0000 |
| Subject: | Re: Eliminating space between HR and Image | ||
| References: | 1 | Groups: | php.general |
| Request: | Send a blank email to php-general+get-140370@lists.php.net to get a copy of this message | ||
this is an HTML-problem, not php..but anyway
i have no clue why the extra space would appear,
but I'd try to add absolute positiong to the HR and IMAGE as well, that
should solve the problem
like:
<style type="text/css">
<!--
hr {
position: absolute;
top: 0px;
}
img {
position: absolute;
top: 8px;
}
-->
</style>
grace
michiel
"Andre Dubuc" <aajdubuc@webhart.net> wrote in message
news:200303200001.h2K01M6t008516@filtermail.webhart.net...
> Hi,
>
> I've added an animated gif in the banner area of my site, and just above
it,
> a horizontal rule to give added emphasis. The problem is, no matter what I
> do, I cannot get rid of an extra space that appears between the two. Is
this
> a natural function? Is there some way of eliminating the space?
>
> The code:
>
> <?php
> . . . .
> <div class="banner">
> <hr align="left" size="8" width="1000" style="background:
> #9a3e2b;">
> <img src="icr.gif" height="100" width="1000">
> </div>
> . . .
> ?>
>
> CSS code:
>
> div.banner {
> position: absolute;
> top: 0px;
> left: 1%;
> }
>
> I will be grateful for any ideas or advice on how to fix this.
> Tia,
> Andre