Create a Block Hover Effect for a List of Links | Smiley ...

#40 of 124 marked pages on the trail CSS Techniques by Marje
http://www.smileycat.com/miaow/archives/000230.html
Marje's comments
Based on Veerle's technique, the author states "Rather than force others to wade through Veerle's CSS (wow, that's quite a style sheet!) I thought it'd be helpful to show how to create this "block hover" effect."
Other comments
There are no comments on this mark.
Similar Marks
CSS hover effect | Veerle's blog (by Marje)
If Only Id Known! (Tips for a new website) (by vsbarcea)
Tabbed Navigation Using CSS (by Marje)
Veerle's blog | A CSS styled table (by Marje)
A List Apart: Articles: Sliding Doors of CSS, Part II by Douglas Bowman (by Marje)
spriteNav - solarDreamStudios (by Marje)
CSS Tutorials - HTML Formatting Model: Block, Inline and Floatin... (by frank)
EliteNick.com :: Free Hi-Tech Cool Myspace Layouts (by MIKEYB2001)
EliteNick.com :: Free Hi-Tech Cool Myspace Layouts - Mozilla Fir... (by autumndarkness79)
Autotags for this Mark
abba
alignment
anchor
apply
block
border
bottom
bryant
cat
christian
classname
clickable
clive
conditional
css
csshover
description
design
display
div
dom
dotted
effect
element
emphasis
enrique
font
hack
handler
haslayout
helvetica
hover
htc
item
link
march
margin
markup
messing
nederlof
ozh
padding
pennell
posted
redesign
roundup
rule
sans
semantic
serif
showcase
smiley
span
tag
unstyled
usability
veerle
verdana
wade
watson
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