background preloader

Css

Facebook Twitter

Tutorial

Tips. Html. Css3. Shorthand. Absolute. Sticky. Floats. Applied CSS Vertical-Align. Sunday, April 9, 2006 by Nicholas Gagne In my previous article, Vertical-Align Misuse, I went over the proper way to use the CSS vertical-align property.

Applied CSS Vertical-Align

Since then, I've noticed a lot of situations were the vertical-align property still does not seem to work as expected, having a series of images with varying dimensions centered inside of fixed size containers being the most frequent situation. Ten CSS tricks you may not know. Web2.0 Graphic and CSS Generators « Curious Rami. Improving Form Accessibility with DOM Scripting. The form label element is an incredibly useful little element – it lets you link the form field unquestionably with the descriptive label text that sits alongside or above it.

Improving Form Accessibility with DOM Scripting

This is a very useful feature for people using screen readers, but there are some problems with this element. What happens if you have one piece of data that, for various reasons (validation, the way your data is collected/stored etc), needs to be collected using several form elements? The classic example is date of birth – ideally, you’ll ask for the date of birth once but you may have three inputs, one each for day, month and year, that you also need to provide hints about the format required.

The problem is that to be truly accessible you need to label each field. So you end up needing something to say “this is a date of birth”, “this is the day field”, “this is the month field” and “this is the day field”. CSS Mill. Cascading Style Sheets.