Print Page | Close Window

Needs Help With Removing White Space

Printed From: Web Wiz Forums
Category: General Discussion
Forum Name: Web Design Discussion
Forum Description: Discussion on web design and development subjects.
URL: https://forums.webwiz.net/forum_posts.asp?TID=16391
Printed Date: 28 March 2026 at 11:23pm
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com


Topic: Needs Help With Removing White Space
Posted By: Misty
Subject: Needs Help With Removing White Space
Date Posted: 31 August 2005 at 1:19am
Please look at http://www.explorencmountains.com/samplepage1.htm - http://www.explorencmountains.com/samplepage1.htm . I created the buttons in Fireworks. I would like to be able to remove the white space between the picture and the buttons. I believe that this line of code: <script language="JavaScript1.2">mmLoadMenus();</script> may be the cause of the space between the buttons and the pictures. I'd like for it to be similar to http://www.spastoredirectory.com - http://www.spastoredirectory.com  how there's no space between the picture of the spa store and the buttons.

I used Dreamweaver to put this web page together. Can someone please help me to remove the white space between the buttons and the picture?



Replies:
Posted By: theSCIENTIST
Date Posted: 01 September 2005 at 1:09am
Well that page is a bit messy, but the white space is due to an extra row.

Remove this:
<tr>

   <td><img src="spacer.gif" width="172" height="1" border="0" alt=""></td>
   <td><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>
   <td><img src="spacer.gif" width="174" height="1" border="0" alt=""></td>
   <td><img src="spacer.gif" width="174" height="1" border="0" alt=""></td>
   <td><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>
   <td><img src="spacer.gif" width="174" height="1" border="0" alt=""></td>
   <td><img src="spacer.gif" width="3" height="1" border="0" alt=""></td>
   <td><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>

That's most of your white space, the little bit that remains is part of the buttons, and need to be removed at image level.

-------------
:: http://www.mylittlehost.com/ - www.mylittlehost.com


Posted By: Misty
Date Posted: 01 September 2005 at 2:07am
That didn't exactly work. I removed the code above in http://www.explorencmountains.com/sample2.htm - http://www.explorencmountains.com/sample2.htm . There's still white space and it's not as much as http://wwwe.explorencmountains.com/sample1.htm - http://wwwe.explorencmountains.com/sample1.htm . There's a js file that may be causing the white space. It's the following line of code: <script language="JavaScript1.2">mmLoadMenus();</script>. Please look at sample2.htm. You'll notice that the removal of the code above caused more space between the following buttons: "About NC Mountains" and "WNC Directory". I don't want that.
 
There's a Javascript image that shows above the buttons. I cannot remove it because it would cause the pop up menus to not work anymore. Any more ideas?


Posted By: theSCIENTIST
Date Posted: 01 September 2005 at 4:12am
The answer was all given above, remove the extra row (all that is shown above) and the remaining white line it's a 1 pixel tall stripe you have as part of all your button images, so can't be removed by changing the HTML, it's part of the images, load all images in you image manipulation program and remove the top while line from all of them.

Don't remove any Javascript, it's not that.

Let us know.

-------------
:: http://www.mylittlehost.com/ - www.mylittlehost.com


Posted By: dpyers
Date Posted: 01 September 2005 at 6:15am
A hack so you don't have to edit images would be to set the bottom padding of the image to 0px and the bottom margin to -1px. You'd still need to get rid of the extra table row.

-------------

Lead me not into temptation... I know the short cut, follow me.


Posted By: Misty
Date Posted: 01 September 2005 at 3:32pm
[QUOTE=theSCIENTIST]Well that page is a bit messy, but the white space is due to an extra row.

Remove this:
<tr> 
   <td><img src="spacer.gif" width="172" height="1" border="0" alt=""></td>
   <td><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>
   <td><img src="spacer.gif" width="174" height="1" border="0" alt=""></td>
   <td><img src="spacer.gif" width="174" height="1" border="0" alt=""></td>
   <td><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>
   <td><img src="spacer.gif" width="174" height="1" border="0" alt=""></td>
   <td><img src="spacer.gif" width="3" height="1" border="0" alt=""></td>
   <td><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>

That's most of your white space, the little bit that remains is part of
 
I finally fixed it. I removed the extra row like TheScientist suggested. I had to go back in Fireworks to fix the remaining white space. You can find the edited page at http://www.explorencmountains.com/samplepage1.htm - http://www.explorencmountains.com/samplepage1.htm .



Print Page | Close Window

Forum Software by Web Wiz Forums® version 12.08 - https://www.webwizforums.com
Copyright ©2001-2026 Web Wiz Ltd. - https://www.webwiz.net