Best Front Page and Web Design
Forum

ScriptFX - Web page design help

Best Web Graphic program
here
 

Hover Buttons

 

Home    Front Page Index

Remove the white space in vertical and horizontally aligned buttons

common problem

 

VERTICAL

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

 





your code for one button would look like this:

<applet code="fphover.class" width="120" height="24">
<param name="text" value="Button Text">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="hovercolor" value="#00FF00">
<param name="effect" value="reverseGlow">
</applet>

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:

<applet code="fphover.class" width="120" height="24">

and add the following code:

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

Your new hover button applets will now look like this:




 

HORIZONTAL BUTTONS

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:

<applet code="fphover.class" width="120" height="24">
<param name="text" value="Button Text">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="hovercolor" value="#00FF00">
<param name="effect" value="reverseGlow">
</applet>

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:

<applet code="fphover.class" width="120" height="24">

and add the following code:

<applet code="fphover.class" width="120" height="24" align="left">

Your new hover button applets will now look like this:

 

 

back to top

Common Problem

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. 

back to top

 

Discount Templates Discount Domains Domain Reseller  Template-Layouts 
Sponsor a child    Living Kidney Donation