CSS Programming Notes, Links and other Goodies (index.shtml) | Updated: 09-Oct-2008 - 13:37
[ expand all | collapse all ]
A common problem with float-based layouts is that the floats' container doesn't want to stretch up to accomodate the floats. If you want to add, say, a border around all floats (ie. a border around the container) you'll have to command the browsers somehow to stretch up the container all the way.
(from the Blueprint google group.)
Because IE and CSS not always match, i've included here a list with known IE bugs and solutions to work around them. The list is not comprehensive but i hope it's of use to those who struggle with IE bugs.
This tool will help you compute CSS that has a consistent vertical rhythm. If you are not sure what this is all about check out this great article about vertical measure.
Sizing text using the em unit is the next most appropriate approach. The em is a true typographic unit and was recommended by the w3c from the outset of css. Ems are a relative unit and act as multipliers based on the text element’s parent element. Thus, if the body of a web page has 16 px text by default, making paragraphs render at 12 px would mean require setting paragraphs at 0.75em.
These are all books I have and recommend and have used to learn css.
CSS: The Definitive Guide
Publisher: O'Reilly Media, Inc.
Release Date: November 7, 2006
Pages: 536
available at Amazon.com
CSS: The Definitive Guide, 3rd Edition, provides you with a comprehensive guide to CSS implementation, along with a thorough review of all aspects of CSS 2.1. Updated to cover Internet Explorer 7, Microsoft's vastly improved browser, this new edition includes content on positioning, lists and generated content, table layout, user interface, paged media, and more.
HTML, XHTML, and CSS, Sixth Edition (Visual Quickstart Guide)
Publisher: Peachpit Press
Release Date: August 26, 2006
Pages: 456
available at Amazon.com
Need to learn HTML fast? This best-selling reference's visual format and step-by-step, task-based instructions will have you up and running with HTML in no time. In this completely updated edition of our best-selling guide to HTML, Web expert and best-selling author Elizabeth Castro uses crystal-clear instructions and friendly prose to introduce you to all of today's HTML and XHTML essentials. You’ll learn how to design, structure, and format your Web site. You'll create and use images, links, styles, lists, tables, frames, and forms, and you'll add sound and movies to your site. Finally, you will test and debug your site, and publish it to the Web. Along the way, you'll find extensive coverage of CSS techniques, current browsers (Opera, Safari, Firefox), creating pages for the mobile Web, and more.
CSS: The Missing Manual
Publisher: Pogue Press
Release Date: August 24, 2006
Pages: 494
available at Amazon.com
Web site design has grown up. Unlike the old days, when designers cobbled together chunky HTML, bandwidth-hogging graphics, and a prayer to make their sites look good, Cascading Style Sheets (CSS) now lets your inner designer come out and play. But CSS isn't just a tool to pretty up your site; it's a reliable method for handling all kinds of presentation — from fonts and colors to page layout. "CSS: The Missing Manual" clearly explains this powerful design language and how you can use it to build sparklingly new Web sites or refurbish old sites that are ready for an upgrade.
Like their counterparts in print page-layout programs, style sheets allow designers to apply typographic styles, graphic enhancements, and precise layout instructions to elements on a Web page. Unfortunately, due to CSS's complexity and the many challenges of building pages that work in all Web browsers, most Web authors treat CSS as a kind of window-dressing to spruce up the appearance of their sites. Integrating CSS with a site's underlying HTML is hard work, and often frustratingly complicated. As a result many of the most powerful features of CSS are left untapped. With this book, beginners and Web-building veterans alike can learn how to navigate the ins-and-outs of CSS and take complete control over their Web pages' appearance.
Stylin' with CSS: A Designer's Guide (2nd Edition)
Publisher: New Riders Press
Release Date: December 29, 2007
Pages: 312
available at Amazon.com
Cascading Style Sheets enable you to rapidly create web designs that can be shared by hundreds or even thousands of web pages. It accelerates development cycles by centralizing text and layout information for easy editing and updates. This book teaches you everything you need to know to start using CSS in your web development work, from the basics of marking up your content and styling text, through the creation of multi-column page layouts without the use of tables. Learn to create interface components, such as drop-down menus, navigation links, and animated graphical buttons, using only CSS (no JavaScript required). Discover how to design code that works on the latest standard-compliant browsers, such as IE7 and current versions of Firefox, Safari, and Opera, while working around the quirks of the older ones. With a mastery of CSS, your web design capabilities will move to a new level, and everything you need to know to get started and build your skills is right here in this book. You’ll be stylin’ in no time!
The Position Is Everything Web site maintains a catalog of Internet Explorer bugs and the hacks to fix them. Here you will find almost every bug known to mankind!!!
A review of the behavior, use, and support of the CSS float property
This tutorial examines the different layout properties available in CSS: position:static, position:relative, position:absolute, and float.