1 / 5

CSS Image Rollovers Tutorial | In-Class Demonstration

Dive deep into CSS image rollovers with this tutorial! Learn how to use divs, a:hover, and background images for simple and complex navs. Fix bugs, add content, and test your pages thoroughly on all browsers and platforms.

kareem
Download Presentation

CSS Image Rollovers Tutorial | In-Class Demonstration

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. art 249 :: interface design II week 11 :: a

  2. :: in-class example • 2 css image tutorials • http://www.tutorialized.com/tutorial/CSS-Button-Rollovers-Part-1/9001 • http://www.projectseven.com/tutorials/css/uberlinks/index.htm

  3. :: today’s agenda • in-class demonstration/tutorial • css image rollovers in more detail • fast review of text rollovers • using divs, a:hover, and background images for simple image rollovers • for more complex navs: javascript - show/hide layers • example: erin’s top nav • chanel table working??? • problem in mac ie 5 • today is a working day • by now you should be finished with your home page • if you haven’t done so already, test it on all browsers on both platforms • you should also have your sub page template completed • at this stage you should be fixing major bugs, adding content, and testing it on all browsers and platforms

  4. :: post mortem • How smoothly did today’s class run? • What slowed us down? • What did we skip over? • How can we be more efficient in the future?

More Related