CSS Rollovers 1- MSIE Fixes

Date Originally Written: 8 May, 2006
Author: Jason Gonzalez

This tutorial has relocated to this location as of August 2008. To see it in its original location, follow this link: www.jgpws.com/tutorials/css_rollovers_1/rollovers_msiefixes.html.

Also, this tutorial has been updated as of October 15th, 2008. The CSS code originally given does not work in IE6. The new method for getting rid of the gaps between list items is shown in this article from 456 Berea Street. The new code will be shown in bold.

In this follow up to the previous tutorial section CSS Rollovers- Part 1- Rollovers with Images, we will be making the changes for Internet Explorer (Windows) as promised at the end of that tutorial. Needless to say, you will want to be following this tutorial while previewing in Internet Explorer (preferably 6 and up). If you are viewing these rollovers from any other browser, no further changes are needed.

CSS Rollovers-Part 1- Buttons with Images

Date Originally Written: May 2005
Author: Jason Gonzalez

This tutorial has relocated to this location as of August 2008. To see it in its original location, follow this link: www.jgpws.com/tutorials/css_rollovers_1/css_rollovers1.html.

In this, my very first tutorial, we will learn how to create Cascading Style Sheet rollovers just like the ones found within the Portfolio site here. This tutorial is geared toward CSS and HTML beginners, so feel free to skip ahead if you already know the basic material.

JGPWS Tutorials moves to WordPress

Hi All,

I used to host Photoshop, CSS, and HTML tutorials at www.jgpws.com/tutorials but as of August 2008 my website was suspended (couldn’t keep up with the bill; this may change in the future). I thought, “What would be a good way for me to continue offering tutorials without that worry?” I decided to move the tutorials over to a free blog format and start from scratch. After doing my research, I decided on WordPress as the service of choice, as they offer great value for free. This format will also allow for reader feedback, making the tutorials more useful.

There will be Photoshop, CSS and HTML tutorials to begin with. The first tutorial will be “CSS Rollovers- Part 1- Buttons with Images.” Enjoy.

Jason Gonzalez