need a rollover check

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

I had posted this site several weeks ago for a general critique and have re-done the navigation. Could I get someone to check the rollovers for me please? I want to make sure that they work in IE and NS. I am using IE 5.0 and they look ok. The link below is for the rollover test. If you click on the links on the navigation you can see what the original navigation looks like and compair the two.

Thanks,
disaster-master

http://www.friendshipfd.org/testroll.html

Busy's picture

He has: 6,151 posts

Joined: May 2001

Images wont load, you have "file:///C|/FriendshipFD/on5.gif" on all the rollover graphics.

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

I used the Evrsoft Javascript Rollover Module to do make the script for the rollovers and that is what it put. Do you have any suggestions as to what the file should be? I'm stumped!

disaster-master

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

Not working for me IE5. The image location is currently "file:///C|/FriendshipFD/on5.gif" and needs to be the path of where your images are stored, the same as with any other image.

Can I just ask what editor you are using for building the sites?

Julia - if life was meant to be easy Michael Angelo would have painted the floor....

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

Oh gosh, I feel a flogging coming on. HAHA!! I use notepad as my editor and hand code most of my html. I have never used one of those editors that helps you, as I am sure you could tell by the mess that my code is in. ARG! Now you know why I call myself "disaster-master"....cause my code is a disaster.

I just downloaded Evrsofts 1st Page 2000 so that I could try and get my code more organized and found that there is a javascript rollover maker that comes with the program. The rollover was the first thing that I experimented with. Either I am not using it correctly or it isn't any good. That was the file path that it generated.

disaster-master

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

I have never used Evrsofts 1st Page 2000 so I can't comment on whether it works or not but you definately need to change the file path by hand! I use dreamweaver & nothing else so I also can't comment on the merits of coding by hand or not! Good luck with the site though Smiling

Julia - if life was meant to be easy Michael Angelo would have painted the floor....

They have: 107 posts

Joined: Mar 1999

I would recommend using Fireworks. In Fireworks 4, you can just make the two states of the button anf then choose to make it a simple rollover. From there you can export it as a dreamweaver library, and then just insert it in dreamweaver. Or you can export the HTML and the images separately. Fireworks has a 30 day trial you can get at macromedia.com.

~Chris

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

Yep, I agree with that. I use Fireworks for all my graphics. I suppose I'm a fan of Macromedia full stop - Dreamweaver, Flash & Fireworks Laughing out loud

KarenArt's picture

She has: 354 posts

Joined: May 2001

Hi d. Master,

Your only problem seems to be that the browser can't find your images. In your code where it is displaying the images, replace the
file:///C|/FriendshipFD/on1.gif to
http://www.friendshipfd.org/on1.gif imediately following the onMouseOver
plus change your img src="file:///C|/FriendshipFD/off1.gif to http://www.friendshipfd.org/off1.gif

Do this for each roll over button and... Voila! it'll work.

I like the layout you have going.
Nice... Clean, simple with interesting pictures and nothing spinning or dancing on you....
what I look for in a site. Smiling

I'll look again when the nav bar is fixed.
Thanks.
Karen

gotta finish redesigning my sites so I can show them again.

The purpose of education is... to get more jokes!

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

I know that I probably should have posted this in the "Web Page Authoring" section since it pertains to JS but I will just continue here.

TO:Karen
I tried the file path that you suggested and the images disapeared on me too. I was able to view them online with my browser before I changed them....anyway...

I went with a different rollover script that I found and still can't get it to work. Could someone put their genius mind to work on this and tell me what I may be doing wrong?
I have tried several different combinations of file paths. Here is where I got the script from if you want to take a look at it.
http://www.m-design-studio.com/other/tutorials/tutorial4a.html

and here is the link to my page with the rollovers(or wanna be rollovers)
http://www.friendshipfd.org/testroll.html

Thanks in advance!
disaster-master

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

OK...yet another rollover script. Geeze!!
This one 'seems' to be working.

Also, on the rollover image. Do you think that there needs to be a less dramatic change in the image appearance when you mouse over it??? This is my fist shot at making my own rollover images and I think that I may have gone a little overboard. The mouseover image looks a little bigger. What do ya'll think? Maybe I could tone the change in appearance down a bit.

Thanks,
disaster-master

Busy's picture

He has: 6,151 posts

Joined: May 2001

The images show up now. but you really should use the width and height tags in your img (image) tags, it will also help load it a lil faster. Also you need to use alt's in the tags, if the images didnt show up no one would know where they go, so always use alt tags on images.

The way the images are set up now is hard to read, the brighter ones would be better as the first ones, and the dull ones as the ones when mouse goes over. or different color text/buttons.

Some of the text on the buttons is lined up, others arent when you mouse over them, could be an effect I suppose as it is the middle ones that line up.

There are free programs, downloadable or ones used on the web that will produce the mouseover code for you, 2 and 3 button mouseovers. but nothing bets learning how to do them yourself Smiling

just noticed, you have no </a> tags on your mouseover links. you should also take off the complete path to your graphics, it takes a while to load in netscape, removing the url will spend it up. without the url the browser knows its in the directory and to look for them there, if you have the complete url, the browser thinks it is another place so goes out of that directory, then back in over and over until all the images load. the images are in your main directory so just the image name is needed.

none of the links work with the buttons, i think you just missed off the .html, from the links at the bottom show

TheGizmoid's picture

They have: 168 posts

Joined: Apr 2001

It's working in NS 4.6 for me now! Yay!

But Busy makes some very good points. If you use height/width tags, the browser knows exactly how much space to set aside for the image and can continue downloading. Otherwise, it has to wait for the image to load to know what size it is.

"Alt" tags will also make your site accessible to the visually-impaired using a text reader. Remember that search engines can't index the text in a graphic. "Alt" tags give you an excellent opportunity to reinforce keywords on your site as well.

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

Thanks! Can't believe they finally work! :jump:

I have fixed the alt tags, height/width and added the 'a' tags. I just didn't worry about all that until I made sure the darn rollovers were gonna work. Also shortened the file path. Now I am creating some new images....something that will stand out better and also line up the text on the buttons that Busy pointed out to me. I didn't even notice that. I just learned a new trick in PSP that will fix that though.

Rest assured, I will holler back at you guys when I finish the new images.

Thanks again,
dm

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

OK.....finished! What do ya'll think? YEA or NEA?

I noticed that the first image that says, "Intro" disapears when you scroll down and then come back up? It is doing this with anyone else???

disaster-master

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

They all work & none disappear. Looks good! Laughing out loud

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

This is a totally different subject but can someone tell me why the midi file that is the background sound on the intro page won't play on some computers? I used Swish (my first try) to do this page and was unable to figure out how to imcorporate the midi in with the swf file so I just put it as bgsound. I don't think you can do midis with Swish...not sure. Anyway, what might the problem be?

http://www.friendshipfd.org

Thanks,
disaster master

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

It works fine for me with IE5.

I don't really use sound all that much unless required to do so by clients when doing flash stuff, so can't really help you much more.

Julia - if life was meant to be easy Michael Angelo would have painted the floor....

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.