Sliding Doors of CSS: A List Apart
Popularity Report
 |
|||
|
|||
|
|||
|
|||
|
|||
|
Rank
URL Tag Cloud
Bookmark History
Saved by 131 people (-65 private), first by anonymouse user on 2006-03-02
- Archon810 on 2009-12-22 - Tags css , tutorial , tabs , sliding , door , header , rounded , corners , menu , li , ul , list , style
- Sharonmcgimsey on 2009-12-15 - Tags sliding doors , css , tutorial , web
- Samybenamor on 2009-12-13 - Tags no_tag
- Kramerb on 2009-11-29 - Tags Automatisering , CSS
- Davidsalahi on 2009-11-12 - Tags Web , Design , CSS
Public Sticky notes
![[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)
Highlighted by rikaizm
n you
Highlighted by dgsinclair
A 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.
Highlighted by leadingzero
A 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.
Highlighted by leadingzero
We set the anchors to block-level elements so we can control all aspects without worrying about the inline box:
Highlighted by yhlfh
Highlighted by rraghur
Public Comment
on 2006-04-26 by adodonov
on 2006-06-14 by aborruso
on 2006-07-25 by jannech
on 2006-10-25 by stumax
on 2006-10-30 by jeeves