Portfolio: Menu using roll-over images

Hey, in the tut letter we're told to include a menu system that makes use of roll-over images, I'm not entirely sure what that means. I'm assuming "menu" means the navigation bar, and currently I have a pretty decent looking navigation bar and "roll-over" means when the mouse hovers over the image (in my navigation bar I use links in tables, not images). So my navigation bar is a table that makes use of the ":hover" method on the table cell and link components to change the properties (the background color and font color) when the mouse hovers over the selected cell and link. That's my setup and I'd like to know if that qualifies as a menu system that makes use of roll-over images. Otherwise please let me know, have I completely misunderstood the instruction? If not, can this menu system be used somewhere else in my website instead of a navigation bar? Or do roll-over images mean the same thing a drop down menu like most of the google responses I get? Let me know Please and thank you

.

I used image links in tables and onmouseover and onmouseout to change the image background, that was my understanding of rollover images.

Similar to the example in the Javascript section

.

Well, yeah I'm waiting to see whether or not my css method is fine (or is the javascript method compulsory). Otherwise I'll have to use image links in tables method for my nav bar to include a menu system that makes use of roll-over images. Thanks for everyone else's input

Rushil-77923553 Wrote:
-------------------------------------------------------
> You could use CSS image sprites as well
> [url=http://www.w3schools.com/css/tryit.asp?filena
> me=trycss_sprites_hover_nav]http://www.w3schools.c
> om/css/tryit.asp?filename=trycss_sprites_hover_nav
> [/url] to create a cool menu system.
>
> But I guess we have to stick to creating something
> with JavaScript
---


You can create roll over images like that using javascript by using two arrays for your images instead of just one =)

I've gone the CSS route with my menu. I have read through the requirements for the portfolio which states:

• A menu system that makes use of roll-over images.

There is no mention of a javascript requirement for the menu. The only javascript requirement is for validating the email address on your contact form:

• A contact form that uses Javascript to validate the email address a user enters in the form.

Hi guys

i used CSS to create my roll over image menu but im having some issues with spacing between the cells and the height and width of images.......any ideas of how i can do this in a better way??
i opted to go the CSS route as javascript was only asked for to validate the email address on a contact form.


Thanks
N

You can use whatever you want, as long as it rolls over....

@Nalika... difficult to comment as you provide no code. But in general, I would go for a JavaScript option - do not spend too much time if you cannot crack it. It will come with experience, and even then you need to weigh up time spent versus effect.

Ah, thanks for that answer Mac This will save me a lot of time seeing that now I don't have to redo my whole menu system