Noble Desktop – Exceptional Computer Graphics Training

Free Seminars     Buy Our Books      1400+ Testimonials
Animated Arrow
Classes
Web Design
Certificate in Web Design
Certificate in Print Design
Digital Publishing Certificate
Photo Retouching Certificate
Adobe Dreamweaver
Dreamweaver Advanced
jQuery & JavaScript
HTML5 & CSS3
Mobile & Responsive Web Design
PHP & MySQL
Adobe Flash
Flash Advanced: AS2
Flash Advanced: AS3
Adobe Fireworks
Wordpress
Adobe InDesign
eBooks with InDesign
eMgazines with InDesign
Adobe Photoshop
Adobe Illustrator
Adobe Lightroom
Final Cut Pro
Adobe After Effects
Keynote
Graphic Design
Digital Photography in a Day
NYC Street Photography Tour
Corporate Training
Goodies
Free Seminars
Buy Our Workbooks
Keyboard Shortcut Guides
Quick Guide to HTML
Special Characters
Typographically Correct
Noble Enews
About Noble
Our Instructors
Tour Our Facilities
About Noble
Our Philosophy
Testimonials
Out Clients
Our Guarantee
Instructors Wanted
Directions to Noble
NYC Visitor's Guide
Dreamweaver logo
Dreamweaver Advanced Class Projects
Back to Syllabus Previous Exercise Next Exercise


CSS List Navbar Using Editable HTML Text

Not all rollover effects require making unique button images for each and every item. That’s time consuming and doesn’t allow you (or your clients) to make changes as quickly. With CSS you can take ordinary HTML text and use background images to make it look interesting. You’ll turn HTML lists into navbars, like the example above. Navbars essentially are a list of pages in the site, so it makes sense to start with an HTML list, then change the appearance using CSS. This makes for a flexible navbar that can be changed between a vertical or horizontal format.

Adobe Authorized Training Center
©1999–2012 Noble Desktop, LLC