You can't always count on having a professional designer around to resize and position your images for you, but you'd rather your page layout didn't look like it was created by orangutans. Harvey Kane builds a script that makes your life easier.
Kane, Harvey. List Apart, A (2006). Design>Web Design>Document Design>CSS
Background Positioning vs. Centered Elements
When the browser is told to center a background image within that container, it has to decide where the actual center lies. In the case of an odd total pixel width, the browser must select one side or the other of the central odd pixel as the "center" of the container.
Bergevin, Holly and John Gallant. Position is Everything (2006). Design>Web Design>Document Design>CSS
Improving Link Display for Print
It seemed my zeal for linkage had come into conflict with my desire to improve print usability.
Gustafson, Aaron. List Apart, A (2005). Design>Document Design>CSS>Printing
Multi-Column Layouts Climb Out of the Box
A project I recently worked on required an elastic layout with two columns of equal height, each with a different background color. As usual, there was no way to tell which column would be taller. I immediately thought of Dan Cederholm's Faux Columns, but I needed an elastic layout. I also looked at the One True Layout, but this seemed buggy and required too much extra markup and too many hacks for my taste.
Pearce, Alan. List Apart, A (2007). Design>Web Design>Document Design>CSS
A site to explain some obtuse CSS bugs in modern browsers, provide demo examples of interesting CSS behaviors, and show how to 'make it work' without using tables for layout purposes.
Bergevin, Holly and John Gallant. Position is Everything. Design>Web Design>Document Design>CSS
Print Stylesheet: The Definitive Guide
A print stylesheet will automatically make all your web pages print-friendly. Find out how to make one with this definitive guide.
Moss, Trenton. Webcredible (2007). Design>Document Design>CSS>Web Design
Blockquotes do have some styling by default. Most browsers will indent the text in a blockquote tag, which helps the user recognize that the text is different somehow. But who’s to say that we need to stop there? Here are six different ways you could style your blockquotes using CSS.
Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>Document Design>CSS
Book-Style Chapter Introductions Using Pure CSS
Today’s tutorial will show you how easy it is to create book-style chapter (article, whatever) introductions using nothing but pure CSS — no XHTML was harmed in the making of this tutorial. We’ll use two types of selectors which I haven’t talked about yet here: adjacent sibling selectors and pseudo-element selectors. I’ll explain each type briefly before we get started.
Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>Document Design>CSS
Fluid layouts are an undervalued commodity in web design. They put control of our designs firmly in the hands of our users and their browsing habits. They’ve also utterly failed to seize the imagination of web designers.
Marcotte, Ethan. List Apart, A (2009). Articles>Web Design>Document Design>CSS
Positioning is perhaps one of the most misunderstood parts of CSS 2. Let us look a little closer at how it works.
Olsson, Tommy. Autistic Cuckoo, The (2004). Articles>Web Design>Document Design>CSS
Pozycjonowanie z kolei jest jednym z najczęściej mylnie interpretowanych aspektów wersji 2 CSS. Przyjrzyjmy się zatem nieco bliżej temu, jak ono działa.
Olsson, Tommy. Grabun.com (2004). (Polish) Articles>Web Design>Document Design>CSS
Hizalama ise CSS 2’nin belki de en yanlış anlaşılmış bölümlerinden biridir. Şimdi nasıl çalıştıklarına biraz daha yakından bakalım.
Olsson, Tommy. Cnkt (2004). (Turkish) Articles>Web Design>Document Design>CSS
This article explains one method of achieving a successful liquid layout as well as providing basic definitions of liquid, fixed-width and em-driven layouts.
Weakley, Russ. MaxDesign (2003). Articles>Web Design>Document Design>CSS
There are 15 readers currently online: 0 registered users and 15 guests. Register.

![]()
![]()


![]()
![]()
![]()