This link has been bookmarked by 195 people . It was first bookmarked on 02 Mar 2006, by Alexander Dodonov.
-
Narayan PaiBeautifully crafted, truly flexible interface components which expand and contract with the size of the text can be created if we use two separate background images
Buttons with long text -
Kristine MorganRequired for mini-assignment
-
XHTML TeacherRequired for mini-assignment
-
10base TomA rarely discussed advantage of CSS is the ability to layer background images, allowing them to slide over each other to create certain effects. CSS2's current state requires a separate HTML element for each background image. In many cases, typical markup for common interface components has already provided several elements for our use.
-
Shaodong Digood sliding doors tutor!
-
We set the anchors to block-level elements so we can control all aspects without worrying about the inline box:
-
-
Marie ShanahanOoh. Pretty. Curvy tab corners on a horizontal menu. "The Sliding Doors Technique."
-
mlmcshaneMust CSS layouts be flat and boxy? Nope! Bowman shows how to create slick tabbed navigation using CSS and structured XHTML lists.
-
rchk !A List Apart: Articles: Sliding Doors of CSS
-
-
-
parsa fatehiSliding Doors of CSS
-
daniel sinclairfirefox
-
n you
-
-
wayne andersonMust CSS layouts be flat and boxy? Nope! Bowman shows how to create slick tabbed navigation using CSS and structured XHTML lists.
-
Youenn LeborgneLists and tabbed navigation
-
Nawsher NoorMust CSS layouts be flat and boxy? Nope! Bowman shows how to create slick tabbed navigation using CSS and structured XHTML lists.
-
-
-
Ken HGreat article on how to implement tabbed interfaces in CSS
-
Kolja SchönfeldA rarely discussed advantage of CSS is the ability to layer background images, allowing them to slide over each other to create certain effects. CSS2’s current state requires a separate HTML element for each background image. In many cases, typical mark
-
Gary BurgeA rarely discussed advantage of CSS is the ability to layer background images, allowing them to slide over each other to create certain effects. CSS2’s current state requires a separate HTML element for each background image. In many cases, typical mark
-
Rick Krausealso see part 2
-
Thom Coxtab interface
-
Chris FaneCSS Tabbed Navigation
![[Diagram shows the two images pulled apart slightly to create a wider tab, as well as a slightly taller vertical height to reveal more of each image. Since both background images have allowances for expansion, the the illusion is that the tab itself expanded naturally with the text contained inside.]](http://www.alistapart.com/d/slidingdoors/diagram_doors4.gif)
Page Comments
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.