Solved

Hover buttons not lining up

Posted on 2000-03-10
8
275 Views
Last Modified: 2013-12-24
I have a menu that consists of 5 hover buttons... each button is on top of the next to form one big picture.  The picture looks great until I preview it and I get a thin white space between each button.  How can I get rid of the space?  I've tried creating a 1 column, 5 row table with no border but it still is not working.
0
Comment
Question by:snocross
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
8 Comments
 

Expert Comment

by:Schlieper
ID: 2606277
snocross
  Did you also set your cell spacing and cell padding are at 0.
  Where does the picture look great before you preview it.

-Schlieper
0
 
LVL 5

Author Comment

by:snocross
ID: 2606587
The cell padding and spacing are set to 0.  It looks good when I preview within Frontpage.
0
 
LVL 3

Expert Comment

by:bark10
ID: 2612078
are they hyperlinks?  is the border set to zero?
0
Visualize your virtual and backup environments

Create well-organized and polished visualizations of your virtual and backup environments when planning VMware vSphere, Microsoft Hyper-V or Veeam deployments. It helps you to gain better visibility and valuable business insights.

 
LVL 5

Author Comment

by:snocross
ID: 2612190
Yes, they are hyperlinks and I'm not sure what you mean by border.  I do not see any border properties for the hover button.  If you are referring to the table that the button is in, then it's set to 0.
0
 
LVL 1

Expert Comment

by:Hocam
ID: 2650868
The easiest way would be merging all the cells, and put all your button in one cell. You do not need seperate cells for each.

When you put a hover button in a cell move your cursor to the very right of the hover button hit SHIFT+ENTER and put your other hover button.

This way you should not see any white lines between you hover buttons.

Thank you...
-Hocam
0
 
LVL 5

Author Comment

by:snocross
ID: 2653692
That's exactly what I'm doing right now and it looks great in IE but in Netscape it puts horizontal spaces between each hover button.
0
 
LVL 1

Expert Comment

by:Hocam
ID: 2653958
Hocam changed the proposed answer to a comment
0
 

Accepted Solution

by:
ProWebSites earned 50 total points
ID: 2773735
  Use Align top for each button (see sample code below). Or if you want them going across, take out all the </applet> tags, but the last end tag (this second is only good once the buttons are finished, since in normal mode, you'll only see one hover button, even though they all are there).

   If you need a more in-depth tutorial this is one at my site:
http://www.prowebsites.net/frontpagehelp/fp98hb2.htm

<applet code="fphover.class" codebase="_fpclass" width="120" height="24" align="top">

Warmest Regards,
Steven Fredette
President ProWebSites.net
Indianapolis, Indiana. USA http://www.prowebsites.net
Site includes: FrontPage help, and links to other FrontPage help sites.
For the rest of this sig. file http://www.prowebsites.net/sig.htm
0

Featured Post

What is SQL Server and how does it work?

The purpose of this paper is to provide you background on SQL Server. It’s your self-study guide for learning fundamentals. It includes both the history of SQL and its technical basics. Concepts and definitions will form the solid foundation of your future DBA expertise.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In this short web based tutorial, I wanted to show users how they can still use the powers of FrontPage in conjunction with Expression Web 3.  Even though Microsoft eliminated the use of Web components, we can still use them with FrontPage and edit …
Turn A Profile Picture Into A Cartoon Using Photoshop And Illustrator This tutorial will teach you how to make a cartoon style image out of a regular picture. I have tried to keep the tutorial as simple as possible. I used Adobe CS4 for this tuto…
The purpose of this video is to demonstrate how to create a Printer Friendly PDF on a WordPress Page. This will be demonstrated using a Windows 8 PC. Tools Used are Photoshop, Awesome Screenshot” Google Chrome Extension, and SmallPDF.com Log…
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…

617 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question