spriteNav - solarDreamStudios

#1 of 124 marked pages on the trail CSS Techniques by Marje
http://solardreamstudios.com/learn/css/spritenav
Marje's comments
CSS menu - no javascript used. Hover effect is achieved by changing the position of the background image, moving it up 24 pixels when a link is moused over. background-position: 0 -24px;
Other comments
1.
nice article
Posted at 09:44 on 2007-05-25 by praj
Similar Marks
4 level deep CSS menu system from solarDreamStudios (by Marje)
Unrated.be - Entries - Making a menu using image replacement (by jrotger)
Pure CSS Image Rollovers (by Marje)
4 Level Deep CSS Menus . solarDreamStudios - (by Marje)
Learn › solarDreamStudios (by zhatka)
CMS Made Simple Themes - Image replacement for menu (by jrotger)
Tabbed Navigation Using CSS (by Marje)
Turning a list into a navigation bar | 456 Berea Street (by Marje)
Autotags for this Mark
arial
background
block
bullets
button
centered
changing
code
color
consoles
coolness
css
cssmenus
decoration
display
effect
example
fireworks
footerstick
format
gif
graphical
height
hover
href
image
indent
javascript
learn
leopard
link
list
margin
menu
moused
mouseover
moving
nav
navigation
none
padding
picker
pixels
png
point
position
preloading
qrayg
qtip
sans
semantics
serif
simple
solardreamstudios
sprite
spritenav
tells
text
txp
unordered
used
vertically
webdev
width
Marks in this trail
spriteNav - solarDreamStudios
A List Apart: Articles: Sliding Doors of CSS, Part I by Douglas Bowman
A List Apart: Articles: Sliding Doors of CSS, Part II by Douglas Bowman
Updated Simple CSS Tabs | silverorange labs - Mozilla Firefox
Easy Magazine Style CSS Drop Cap Tutorial - Mozilla Firefox
CSS drop shadow - Mozilla Firefox
Stu Nicholls | CSSplay | Experiments with cascading style sheets...
Spiffy Corners - Purely CSS Rounded Corners
Turning a list into a navigation bar | 456 Berea Street
Light Weight Low Tech CSS Tabs with Single Background Image
CSS Tabs Menu with Submenu
The Art of Navigation @ Dan Rubin’s SuperfluousBanter - An elegant horizontal CSS menu
Inline Mini Tabs - CSS navigation
A List Apart: Articles: Hybrid CSS Dropdowns
Andy Budd: Clearing Floats
Form Layout - The Man in Blue
CSS-Based Forms: Modern Solutions | Smashing Magazine
3D CSS buttons from CSS Library
Styling form controls with CSS, revisited | 456 Berea Street
Stylish submit buttons
Hoverbox Image Gallery
4 level deep CSS menu system from solarDreamStudios
Vertical CSS Menus from ExplodingBoy
Horizontal CSS Menus from ExplodingBoy
More Horizontal CSS Menus from ExplodingBoy
13Styles.com - css menu styles, high quality css menus, website ...
4 Level Deep CSS Menus . solarDreamStudios -
Horizontal CSS Menus - code & graphics
Listamatic: one list, many options - Using CSS and a simple list to create radically different list options
Vertical CSS Menus - code & graphics
Random Image Rotation - A List Apart
Random Image Rotator
Styling A Sitemap from diagrammes modernes
Veerle's blog | A CSS styled table
CSS For Bar Graphs
Three column list - Stu Nicholls | CSSplay |
Spring 2006 CSS Beefy Footers: CSS Reboot Trends | The Montoya Herald
The W3C CSS Validation Service
The W3C Markup Validation Service
Create a Block Hover Effect for a List of Links | Smiley ...
The ultimate css only dropdown menu - Stu Nicholls | CSSplay |
CSS Restaurant Menu with Dot Leaders
CSS Text Tricks by Mandarin Design
CSS Coded Opacity Borders - Mandarin Design
CSS Opacity and Transparency
Styling horizontal rules with CSS
CSS Design: Going to Print - Eric Meyer
Print style sheets: The basics (for no excuses) – Jens Meiert
PRINT: Cascading Style Sheets
Print Stylesheets - css-discuss
A CSS Framework - an excellent idea
Getting Rid of the Page Shift
CSS: Getting Into Good Coding Habits
Spruced-Up Site Maps from A List Apart: Articles:
CSS Drop Shadows I from A List Apart: Articles
CSS Drop Shadows II: Fuzzy Shadows from A List Apart: Articles
Onion Skinned Drop Shadows from A List Apart: Articles
Containing Floats by Eric Meyer
css-discuss.org
Alternative Style: Working With Alternate Style Sheets
70 Expert Ideas For Better CSS Coding | Smashing Magazine
Tabbed Navigation Using CSS
10 Quick Tips for an Easier CSS Life
Backgrounds from Digital Web
Adobe - CSS Advisor
Pull-quote Design Showcase | Smiley Cat Web Design
Nick Bradbury: TopStyle
CSS hover effect | Veerle's blog
Avoid HTML form spam using CSS « klauskjeldsen.dk
CSS Specificity: Things You Should Know
Simple Double Quotes
Clever rollover map functionality
13Styles.com - css menu styles, high quality css menus, website navigation menus
Stu Nicholls | CSSplay | CSS only menus
Fast Rollovers Without Preload | Horizontal Menu with a Single Background Image
Reducing HTTP Requests
CSS Juice » 10 Websites with Shabby Design Approach
CSS : List Boxes
Eric's Archived Thoughts: Reset Reloaded
CSS Centering - fun for all!
Alternate Style Sheets
Sliding Doors Horizontal Tabs Menu
Sliding Doors Vertical Menu
How to create VISTA style horizontal toolbar with CSS
Print.css and your website’s logo
CSS Sprites: What They Are, Why They’re Cool, and How To Use Them - CSS-Tricks
How to make sexy buttons with CSS
CSS Oval buttons - Dynamic Drive CSS Library
101 CSS Techniques Of All Time- Part 1
Simple CSS snippets for creating grid & column based layouts — Konstruktors / Main
CSSgallery.info » css shadows - images and boxes
woork: Socialiconize your site
Stu Nicholls | CSSplay | Cross browser tabbed pages with embeded links
CSS-based tab techniques - Noupe
CSS Tabs 2.0 | unraveled
Spring 2006 CSS Reboot Trends | The Montoya Herald
Css Globe | Web Standards Magazine
Vertical menu with line height demo
How to create VISTA style toolbar with CSS
CSS: List Boxes | Mike’s Experiments | MikeCherim.com
CSS: Text Shadows | Mike’s Experiments | MikeCherim.com
CSS: Simple Tabs | Mike’s Experiments | MikeCherim.com
Pure CSS Image Rollovers
Custom Double Solid Borders for Images | Css Globe
Example: 5 Ways to Style Unordered Lists
Css Menu Generator - TabCreatr
CSS Navigation Techniques (37 entries)
Making Your Footer Stay Put With CSS ~ Blog ~ FortySeven Media
Two CSS vertical menu with show/hide effects
Most used CSS tricks | StylizedWeb.com
Nice Drop caps with CSS | Onyx Design Weblog
Tomorrow's CSS Today: 8 Techniques They Don't Want You To Know [CSS Tutorials]
Multilevel Drop Down Navigation Menus: Examples and Tutorials
Toolbox:creations - Joomla Website Design, Development, Customization and Templates - Jooml.r Hits the Web(2.0)...
Joomla! Extensions Directory - JoomlaPack - AJAX powered backup and restore
HTML, xHTML and CSS Editor - TopStyle for Windows by NewsGator
CSS3 Previews
Introduction to CSS3
My CSS Menu - Menu Generator - horizontal menu, vertical menu
960 Grid System
SonSpring | 960 Grid System
960 CSS Framework - Learn the Basics » DivitoDesign
Ancient Tales of Wisdom
How To: Resizeable Background Image
Links
Go to this page
Trail summary
Marje's trails