[SOLVED] Some Basic Html Question

[Mr.Curiosity]

so I try to make my own block in the right block in my website,

my html is as follow :

 

<img style="" alt=""
src="http://planetunik.com/img/fixed/cs_background.jpg">
<div
style="position: relative; top: -80px; left: 5px; font-family: verdana; margin-left: 10px;"><a
href="ymsgr:sendIM?testing"><img
src="http://opi.yahoo.com/yahooonline/u=testing/m=g/t=2/l=us/opi.jpg"
alt="" border="0"></a><small><br>
<span style="font-family: Verdana; font-size: 12px; color: black;">YM:testing</span></small></div>

My problem is that, why is there a gap at the bottom of my customer support block?

is there anything wrong in my html ?

[tomerg3]

Very hard to tell like this, did you try using Firebug to see where the gap is coming from?

 

If you post a link, you may get more help.

[Mike Kranzler]

Hi Mr.Curiosity,

Everything looks good on my end:

 

 

Is this not how it is supposed to work on your page?

 

-Mike

[Mr.Curiosity]

Hi Mr.Curiosity,

Everything looks good on my end:

 

 

Is this not how it is supposed to work on your page?

 

-Mike

 

no, that block is not supposed to be located at the most bottom..

I would like to place it on the top, but then it will create a gap at the bottom of my "customer support" block.

 

Very hard to tell like this, did you try using Firebug to see where the gap is coming from?

 

If you post a link, you may get more help.

 

I have not tried firebug

the link is [link removed]

[musicmaster]

I am not exactly an HTML expert but I did some experimenting. If you declare a small height for the sendIM block the problem disappears while the "I'm Online" message stays visible:

[div style="position: relative; top: -80px; height:2px; left: 5px;

 

It is not exactly nice programming but it works at least in Opera and Firefox. Removing the break after the image has also some effect.

[preerp10]

I don't see the gap either. Chrome, Win XP

[Mr.Curiosity]

I am not exactly an HTML expert but I did some experimenting. If you declare a small height for the sendIM block the problem disappears while the "I'm Online" message stays visible:

[div style="position: relative; top: -80px; height:2px; left: 5px;

 

It is not exactly nice programming but it works at least in Opera and Firefox. Removing the break after the image has also some effect.

 

I did just like what you wrote, now it works !

Its cool, so the trick is at the height, we just have to add it in the html.

thank you

[Mike Kranzler]

Thanks musicmaster! I'll go ahead and mark this topic as solved.

 

-Mike