FP tips and all that stuff

Remove the white space in vertical and horizontally aligned buttons

Here are normal Front Page Hover buttons. But there is a gap between each button.

your code for one button would look like this:

To get rid of that white space is really quite simply, it is just a matter of hand coding the alignment. Take the first line of each applet code:

and add the following code:

Your new hover button applets will now look like this:

here is a top nav bar with horizontal hover buttons. Code is exactly the same as the vertical buttons.

your code for one button would look like this:

To get rid of that white space is really quite simply, it is just a matter of hand coding the alignment. Take the first line of each applet code:

and add the following code:

Your new hover button applets will now look like this:

Your buttons do not show, just grey boxes visible.
When Front Page saves the page with the buttons you have just made, it also saves two other files - fphover.class and fphoverx.class. The code will reflect that those two files are saved in the same folder as your web page. If you move your page, the buttons will not work unless you move the .class files with it, or change the file path that is shown in the code. Also, when uploading to server, sometimes the files are left behind, so make sure they have been published as well. So the first thing to do is to check that all the files are saved where the code says they should be. Then check your site live. Look at the source code on your live site (not the page on your hard drive) and make sure that it does not still show that some of the files have stayed on hard drive and that they have actually uploaded.

Best Front Page and Web Design Forum		Best Web Graphic program here
	Hover Buttons