Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Hover Buttons & Viewing in Internet Explorer

Status
Not open for further replies.
Scooby62

Scooby62

MIS
Jul 10, 2002
97
CA
Hi Gang.

I'm having the weirdest problem. I've used hover buttons in the design of my website working in Microsoft Frontpage. When I upload (FTP) my site to my ISP some people can see the hover buttons and some can't. It seems different computers handle these differently.

Is there anyway to ensure everyone can see them?

Many thanks.
Scooby
 
Sort by date Sort by votes
Two possible sources of problems.

Make sure you have a valid doctype in the page.
Preload all of the buttons with onload in the body tag.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill
 
Upvote 0 Downvote

You also don't say whether the different people are using different browsers or not.

Dan


The answers you get are only as good as the information you give!

 
Upvote 0 Downvote
Yikes you are a preacher.

Yes everyone is using IE.

Thanks.
 
Upvote 0 Downvote
Different connection speeds can affect how quickly graphics load for that kind of thing, too.

Lee
 
Upvote 0 Downvote
Now THAT page will tear your eyeballs out!! Bright yellow and red, mixed with light olive green mixed are NOT a good combination.

Lee
 
Upvote 0 Downvote
Ouch. I see them in Firefox 1.0.0. Some people's browsers may not be running your applet. You may want to use pure css rollovers instead.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill
 
Upvote 0 Downvote
If they have Jave disabled (which many people do), they will see no buttons at all.
 
Upvote 0 Downvote
Ya everyone I've shown the site (colours) to thought it looked really nice. There was never any negative feedback about the colours.

Most of my clients and potential clients would use IE 6.0.

I take your comment about the applets but as I've mentioned I'm new to this so I don't have a clue what this this means or how to fix it. Here is the HTML relating to my buttons:
-------------------
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 3</title>
<base target="rtop">
</head>

<body background="GrnBack.bmp">

<p align="center"><img border="0" src="Eye.JPG" width="117" height="116"></p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">
<applet code="fphover.class" width="120" height="24">
<param name="text" value="Home">
<param name="bgcolor" value="#FFFF99">
<param name="hovercolor" value="#FFFF99">
<param name="color" value="#FFFF99">
<param name="textcolor" value="#86B300">
<param name="font" value="Helvetica">
<param name="fontsize" value="14">
<param name="fontstyle" value="bold">
<param name="effect" value="fill">
<param name="url" valuetype="ref" value="NWhatIs.htm">
</applet>
</p>
<p align="center">
<applet code="fphover.class" width="120" height="24">
<param name="bgcolor" value="#FFFF99">
<param name="hovercolor" value="#FFFF99">
<param name="color" value="#FFFF99">
<param name="textcolor" value="#86B300">
<param name="font" value="Helvetica">
<param name="fontsize" value="14">
<param name="fontstyle" value="bold">
<param name="text" value="Services">
<param name="url" valuetype="ref" value="NServices.htm">
<param name="effect" value="fill">
</applet>
</p>
<p align="center">
<applet code="fphover.class" width="120" height="24">
<param name="bgcolor" value="#FFFF99">
<param name="hovercolor" value="#FFFF99">
<param name="color" value="#FFFF99">
<param name="textcolor" value="#86B300">
<param name="font" value="Helvetica">
<param name="fontsize" value="14">
<param name="fontstyle" value="bold">
<param name="text" value="Successes">
<param name="url" valuetype="ref" value="NAccomplish.htm">
<param name="effect" value="fill">
</applet>
</p>
<p align="center">
<applet code="fphover.class" width="120" height="24">
<param name="bgcolor" value="#FFFF99">
<param name="hovercolor" value="#FFFF99">
<param name="color" value="#FFFF99">
<param name="textcolor" value="#86B300">
<param name="font" value="Helvetica">
<param name="fontsize" value="14">
<param name="fontstyle" value="bold">
<param name="url" valuetype="ref" value="NWhoIs.htm">
<param name="text" value="Chris Bennett">
<param name="effect" value="fill">
</applet>
</p>
<p align="center">
<applet code="fphover.class" width="120" height="24">
<param name="bgcolor" value="#FFFF99">
<param name="hovercolor" value="#FFFF99">
<param name="color" value="#FFFF99">
<param name="textcolor" value="#86B300">
<param name="font" value="Helvetica">
<param name="fontsize" value="14">
<param name="fontstyle" value="bold">
<param name="text" value="Biography">
<param name="url" valuetype="ref" value="NBio.htm">
<param name="effect" value="fill">
</applet>
</p>
<p align="center">
<applet code="fphover.class" width="120" height="25">
<param name="bgcolor" value="#FFFF99">
<param name="hovercolor" value="#FFFF99">
<param name="color" value="#FFFF99">
<param name="textcolor" value="#86B300">
<param name="font" value="Helvetica">
<param name="fontsize" value="14">
<param name="fontstyle" value="bold">
<param name="text" value="Contact">
<param name="url" valuetype="ref" value="NContact.htm">
<param name="effect" value="fill">
</applet>
</p>
<p align="center">
<applet code="fphover.class" width="120" height="24">
<param name="bgcolor" value="#FFFF99">
<param name="hovercolor" value="#FFFF99">
<param name="color" value="#FFFF99">
<param name="textcolor" value="#86B300">
<param name="font" value="Helvetica">
<param name="fontsize" value="14">
<param name="fontstyle" value="bold">
<param name="text" value="Comments?">
<param name="url" valuetype="ref" value="NComments.htm">
<param name="effect" value="fill">
</applet>
</p>

<p align="center">&nbsp;</p>

</body>

</html>
------------------------------------------------
 
Upvote 0 Downvote
I. of course meant Java in my previous post. For CSS rollovers you can google: pure css rollovers to find a number of starting points. Eric Meyer's pages have some excellent examples.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill
 
Upvote 0 Downvote
Well I adapted this one from an idea by Vragabond (I think).

Code: 
<html><head><title>Menu</title><style>
body {background-color:blue}
h4   {color:#ff0}
a:link,
a:visited {
    text-align: center;
    text-decoration: none;
    font: normal 10px Arial;
    margin: 2px 2px 2px 2px;
    padding: 2px;
    width: 100px;
    color: black;   
    background: #cccccc;
    border-top:    1px solid #cccccc;
    border-bottom: 1px solid black;
    border-left:   1px solid #cccccc;
    border-right:  1px solid black;
}
a:hover {background: #eeeeee}
a:active {
    border-bottom: 1px solid #eeeeee;
    border-top:    1px solid black;
    border-right:  1px solid #eeeeee;
    border-left:   1px solid black;
}
</style></head>
<body><br /><br /><div align="center">
<h4>MENU</h4><br /><br />
<a  href="#">Page 1</a><br />
<a  href="#">Page 2</a><br />
<a  href="#">Page 3</a><br />
</div></body></html>

Clive
 
Upvote 0 Downvote
Actually I was thinking of redoing my whole site. With the button problems and the size it may be prudent to start over.

Suggestions are always welcome. Thanks.
 
Upvote 0 Downvote
Well it is scrollbars all over the place that give framesets a bad name.

Try a two frame frameset with all the fixed content, buttons, company name, copyright int the left frame and all variable info (different pages) in the right frame.

Make the left frame be scrolling="no" and the right frame scrolling="yes". This will make the frameset look just like a non-framed site.

To get this kind of general layout quickly use:
also see my frameset FAQ:
faq215-5692

Clive
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

scorney
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
335
3esolar
3
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
411
spamjim
spamjim
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
710
Chris Miller
Chris Miller
waubain
  • Locked
  • Question
3 state slider toggle switch - move slider to state when hover
Replies
0
Views
192
waubain
waubain
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
636
Mike Lewis
Mike Lewis

Part and Inventory Search

Sponsor

Back
Top