PDA

View Full Version : Spacing between images...and how to stop it!!

BugGirl
02-26-2003, 07:08 PM
Ok, i have an issue. See, I've come up with a design for the index page of my new site, and it works fine...In netscape. But in IE, i get a space between images that are supposed to be stuck together.
Here (http://nillahood.net/nillatest.html) is the page I'm having trouble with. as you can see, the buttons on the side have a space between them. I can't figure out why, or make it stop. I did not put a space there, and it was there even after i removed all the line breaks from my code. I have no clue what could be happening.

Side note: I have also never been able to make a table that reaches to the corners of the page, even with all cellspacing, padding, and borders set to zero. Seems to be the same type problem as listed above. ^_^''
MaGiCSuN
02-27-2003, 06:31 PM
To reach the table layout to the corners of the page you need to add the following into your <body> tag:

marginwidth=0 marginheight=0 topmargin=0 leftmargin=0

Love,
Mirna
alkaline39
02-27-2003, 06:36 PM
to get rid of the spaces add cellspacing="0" to your <table> tag
MaGiCSuN
02-27-2003, 06:45 PM
Originally posted by alkaline39
to get rid of the spaces add cellspacing="0" to your <table> tag

she allready got all that stuff inside the table.. that's why i don't really understand why those menu images have that blue space next to the image:confused:

Mabye it has something to do with that spacer.gif?

or this line:

<td valign="top" rowspan="2" bgcolor="ffffff"width="700">

you don't hae a space between bgcolor and width. Try that so it has to be:

<td valign="top" rowspan="2" bgcolor="ffffff" width="700">

this is the only thing i can think of while reading the code.

Love,
Mirna
epolady
02-27-2003, 07:23 PM
Try this===

<center>
<img src="nillalogo1.jpg">
<table cellspacing="0" cellpadding="0" width="700" height="100%" border="0">
<tr>
<td width="4%" bgcolor="c6daf4" rowspan="2" width="112">
<img src="spacer.gif" width="100%">
</td>
<td colspan="2" valign="top" bgcolor="ffffff">
<a href="http://bglu.nillahood.net" onmouseover="over_image('img0');" onmouseout="off_image('img0')">
<img src="linkb.jpg" border="0" name="img0"></a><br>
<a href="http://lzlh.nillahood.net" onmouseover="over_image('img1');" onmouseout="off_image('img1')">
<img src="linkb.jpg" border="0" name="img1"></a><br>
<a href="http://nillahood.net" onmouseover="over_image('img2');" onmouseout="off_image('img2')">
<img src="linkb.jpg" border="0" name="img2"></a><br>
<a href="http://nillahood.net" onmouseover="over_image('img3');" onmouseout="off_image('img3')">
<img src="linkb.jpg" border="0" name="img3"></a>
</td>
<td valign="top" rowspan="2" bgcolor="ffffff">
<font face="verdana" size="2" color="415b82">
<b>
Welcome to NillaHood! Blah blah blah blah blah blah blah blah blah blah blah blah. Blah. Blah blah blah. Blah blah.

Blah. Blah. Blah blah blah, blah.</b></font>
</td>
</tr>
<tr>
<td colspan="2" height="100%" bgcolor="#FFFFFF" valign="top">
<img src="spacer.gif">
</td></tr>
</table>
BugGirl
02-27-2003, 09:32 PM
Holy monkies, i dunno what you did epolady, but the spaces are gone! (of course, i now have a space bewteen the nillalogo and the main table) But hey! We're getting closer, ne?
epolady
02-27-2003, 11:26 PM
Well I looked at that, you could put the image inside the table.
BugGirl
02-28-2003, 12:11 AM
you rock, epo.
epolady
02-28-2003, 01:40 AM
I take it that it works?
BugGirl
02-28-2003, 01:44 AM
completly!!! You're my hero!! How may i worship you more, o great one? *shields eyes*
epolady
02-28-2003, 01:45 AM
Hehe, you're welcome. No need to bow, lol.