Get rid of a little space under image

[Motabobo]

Hi !

I'm not able to remove the little space under the upper right corner image (space between the end of the image and the border of the table).
Maybe CCS would do it ? One comment though, you cannot chnage those lines as one of my script won't work anymore :


<script>
document.write('<img src="'+parent.iOut.src+'"');
</script>
onclick="parent.expandf(this);" name="toc" style="cursor:hand;" height="15" alt="Collapse/resize" onmouseover="this.src=parent.iOver.src;" onmouseout="this.src=parent.iOut.src;">

The page can be viewed here :http://pages.infinit.net/rouxjean/frame.htm

Thanks !!!

[moderators note]
I've taken the code tags out to stop the page going the full width of the code without wrapping. (because it's annoying and you have to scroll across to find the reply button) If you need the code properly, just follow the link above. Thanks

[DaveSW]

Guess what? I can't get rid of it either. I've tried absolute positioning, floating, modifying margins etc, but I think I must have missed something basic...

by the way, hope you didn't mind me modifying your post. I've been dying to press that button for ages... er I mean I find it annoying having to scroll across, :D and I know other people do too. LOL

[Motabobo]

I don't mind at all lol

So there is no way to remove this annoying space ?

[DaveSW]

how about using a css rollover not a javascript one? send me the two images (I can't get the mousover one) and I'll try it.

Or can't you mod that at all?

[Motabobo]

Thanks for helping but that won't do :-(

I need this javascript since the images will change depending if the frame containing this very page is collapsed or not....

Do you think i should move this topic to html or another one ?

[DaveSW]

we'll try html. Yay - another button to try!!

OK. It didn't blow up LOL.

[moderators note]
thread moved from css forum cos I can't solve it LOL.

[wublub]

I was tinkering and I think I may have found it..

In the following code (line 27):

onclick="parent.expandf(this);" name="toc"
style="cursor:hand;" height="15" alt="Collapse/resize"
onmouseover="this.src=parent.iOver.src;"
onmouseout="this.src=parent.iOut.src;">
</td></tr></table>

..remove the linespace before </td> so it looks like this:

onmouseout="this.src=parent.iOut.src;"></td></tr></table>

I don't know why, but it worked for me!

wublub

[Motabobo]

You're the man !!!!

Thank you :D :D

[wublub]

my pleasure! :)

wublub

[DaveSW]

lol