Light Weight Low Tech CSS Tabs with Single Background Image

#10 of 124 marked pages on the trail CSS Techniques by Marje
http://www.fiftyfoureleven.com/sandbox/weblog/2004/oct/light-weight-css-tabs
Marje's comments
A single background image is used in this horizontal tabbed menu. It is an example of light weight tabs that combine the Sliding Doors method with the Mountaintop corners idea.
Other comments
There are no comments on this mark.
Similar Marks
Light Weight Low Tech CSS Tabs (by chintanshah19)
A List Apart: Articles: Sliding Doors of CSS (by lynne)
A List Apart: Articles: Sliding Doors of CSS - Mozilla Firefox (by jfohr)
A List Apart: Articles: Sliding Doors of CSS, Part I by Douglas Bowman (by Marje)
Sliding Doors Horizontal Tabs Menu (by Marje)
A List Apart: Articles: Sliding Doors of CSS, Part II by Douglas Bowman (by Marje)
Sliding Doors Vertical Menu (by Marje)
Horizontal CSS Menus from ExplodingBoy (by Marje)
More Horizontal CSS Menus from ExplodingBoy (by Marje)
CSS Tabs Menu with Submenu (by Marje)
Autotags for this Mark
ajax
anthology
aws
background
bill
bleeds
boxes
bryan
cascading
cederholm
chapters
color
combine
contingency
cornered
corners
creswell
css
development
deviates
doors
engines
ephemera
example
firefox
flash
hacks
horizontal
idea
image
javascript
khtml
light
marketing
markup
matrix
method
mike
mountaintop
navigation
october
outlined
preload
preloader
rants
rounded
ryan
sample
scooped
scripts
single
skip
sliding
tab
tabbed
underline
used
weblog
weight
widgets
width
wrap
xmlhttprequest
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