An Unwanted White Space [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : An Unwanted White Space

LaCubanita75

03-29-2003, 06:26 AM

This is so weird. I already went to tag-board.com asking for help and like 4 people helped me, but they couldn't find the solution to the problem. If you go here (http://mabella.wronger.com/v3pinkcraze.htm) you will see a white line beneath the words Mabella and right below where it says guestbook and tag-board. Do u see it? it is kind of noticeable...Anyways, what I have to do is move the iframe up to fill in that white space, and to match (like a puzzle) with the rest of the layout (it doesnt match up with the spikes). Please view the source of that page to see what Im talking about. Please, if anybody could help me I would greatly appreciate it!! Thank you for your time!!

P.S. My friend, J, suggested that maybe the 3 buttons (spiky ones) on the left are too big, so that space forms there. Who Knows 4 sure?? Write back ASAP!!

epolady

03-29-2003, 06:41 AM

Remove all excess spaces (space bar hits) and it should be okay.

LaCubanita75

03-29-2003, 07:18 AM

thanks epolady, for you quick reply! =) I tried your suggestion (I only delete space bar hits, not 'ENTER' hits) and it didn't work. Thanks anyway. Maybe you have another suggestion?

epolady

03-29-2003, 07:35 AM

Well, when you first posted, I had copied your souce, and removed ALL excess space bar hits (enter and other wise) and I got it to work. Remove the spaces especially in the <td> cell where the image map is.

fruitcake

03-29-2003, 10:00 PM

I did a bit of altering, I couldn't figure out exactly why it was leaving that white space. I know that it's because your cell up top there, the one with the TOPMAP.gif is too tall, but I couldn't get it to go any smaller, bigger yes, smaller no.

So then I took to playing around with the rest of your coding.
I took out all the extra stuff, so it's easier to read, and not too long to post on here.

I added the background, that's optional, I just think it makes a site look more polished.
Since I couldn't figure out how to get that top cell there to the right size, I took out the iframe, and stuck it up top there. Just using some absolute positioning [ css stuff ] it ends up in the right spot with the images all lining up.
Make sure you keep the height in there for the cell where the iframe show up over, or else the top cell will go really big, and the image will end up under your iframe.
Or, I just thought of this; you could take out the iframe cell all together, and make the cell on the left there just span that top cell. Just make sure you align the top cell to "top".

Hope that helps you out! =D

<html>
<head>
<title>Mabella &nbsp &nbsp &nbsp &nbsp V. 3.0 &nbsp &nbsp &nbsp &nbsp ...da P!nKaL!c!oUzZ VeRzIoN... &nbsp &nbsp &nbsp &nbsp.::::::**piNK CrAzE**::::::.</title>
</head>

<body bgcolor="#F498CE">

<div style="position: absolute; left:0px; top:0px; z-index:1; overflow: auto; padding: 0px; border: 0; background= none; filter: Alpha(Opacity=100, FinishOpacity=0);">

<iframe src="http://mabel48.diaryland.com" name="mainframe" width="293" height="383" border="0" frameborder="0" style="position: absolute; top: 79px; left: 98px"></iframe>

<table border="0" cellpadding="0" cellspacing="0" height="470">
<tr>
<td rowspan="2" background="images/leftbg.gif" width="98" height="470">
<img src=images/spacer.gif" height="95" width="8">
<br><IMG NAME="crazebuttonME_01" SRC="crazebuttonME_01.gif" WIDTH=97 HEIGHT=107 BORDER=0>
<br><IMG NAME="crazebuttonYOU_01" SRC="crazebuttonYOU_01.gif" WIDTH=96 HEIGHT=105 BORDER=0>
<br><IMG NAME="crazebuttonWwW_01" SRC="crazebuttonWwW_01.gif" WIDTH=96 HEIGHT=105 BORDER=0>
</td>
<td>
<img src="images/TOPMAP.gif" width="302" height="79" border="0" usemap="#TOPMAP_Map">
</td>
</tr>

<tr>
<td height="383">

</td>
</tr>

</table>
</div>
</body>
</html>

LaCubanita75

03-30-2003, 01:38 AM

thanks, fruitcake, for your suggestion. I can tell u tried really hard to help me, but I didn't even get to try what you said. You see, I first tried epolady's suggestion (I deleted all the enter spaces, too, this time) and it worked!! Thanks a ton, epolady!! Sorry I said you were wrong before, i just was only deleting the space bar hits. THANK YOU epolady and fruitcake!! Now my site looks great, thanks to ya'll!