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:
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:
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 .
|