What would be the code required to create the rollover effect seen on the navigation menu bar near the top of the website http://www.sitepoint.com I've been able to create basic rollovers, but this one almost looks like a gradient is being used for the for the rollover. Thank you
They are just using a simple rollover like the one that you are familiar with. One image is the solid blue, the other image has the gradients.
and when the image is rolled over the code feeds into the other image and thats just about it. they are two designs.
Thank you. Does it look like the roll over image is an inverse image of the original gradient that is used? I've been using a premade wordpress theme that has the css already coded for a rollover color. What would be the code if instead of a color code, I used an image rollover?
If your link is 100 (wide) x 20 (height) in pixels, then this would work out. That works in my head.. let me know if you run into problems. You may have to adjust the size. notes: overflow:hidden contains layouts in modern browsers, width on #nav triggers hasLayout in MSIE6, display:block is for the anchor only, background image on both li and a to avoid any IE flickers, floated elements sit side by side horizontally.