Forum Home > General Discussion > Web Design Discussion

RSS Feed - Needs Help With Removing White Space

FAQ

Needs Help With Removing White Space

Post Reply

Author

Message

Topic Search

Topic Options

Misty

Senior Member

Joined: 06 February 2002
Location: United States
Status: Offline
Points: 711

Topic: Needs Help With Removing White Space
Posted: 31 August 2005 at 1:19am

Please look at 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 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?

theSCIENTIST View Drop Down

Members Profile

Find Members Posts

Senior Member

Joined: 31 July 2003
Location: United Kingdom
Status: Offline
Points: 440

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.

:: www.mylittlehost.com

Misty

Members Profile

Find Members Posts

Senior Member

Joined: 06 February 2002
Location: United States
Status: Offline
Points: 711

Posted: 01 September 2005 at 2:07am

That didn't exactly work. I removed the code above in http://www.explorencmountains.com/sample2.htm. There's still white space and it's not as much as 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?

theSCIENTIST View Drop Down

Members Profile

Find Members Posts

Senior Member

Joined: 31 July 2003
Location: United Kingdom
Status: Offline
Points: 440

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.

:: www.mylittlehost.com

dpyers

Members Profile

Find Members Posts

Senior Member

Joined: 12 May 2003
Status: Offline
Points: 3937

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.

Misty

Members Profile

Find Members Posts

Senior Member

Joined: 06 February 2002
Location: United States
Status: Offline
Points: 711

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.

Post Reply

Forum Jump

Forum Permissions View Drop Down

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot delete your posts in this forum
You cannot edit your posts in this forum
You cannot create polls in this forum
You cannot vote in polls in this forum