Tagged with html

Form layout using negative margins

Use negative margins and light weight semantic markup to display a form with the labels on one side and form elements on the other. No tables or divs needed at all. Works in all browsers. Noone who wasn't a web developer would believe what a pain it is finding a good solution to this little problem.
Published in CSS on Sunday, July 27th, 2008

Extreme nesting experiment in IE and Firefox

On the ever interesting topic of curiosity over good sense, I had an interesting discussion about how far you can nest HTML tables in different browsers. The person I was talking to had noticed that at a certain point the tables just stopped displaying when they tried to take their web rendering to an extreme [...]
Published in Web development on Saturday, August 4th, 2007

View Rendered Source in IE

I’m doing a lot of work with javascript that modifies the DOM so I really like tools like the Firefox rendered source chart plugin so I can see what’s actually going on in my page. Rendered source chart in particular is a very slick plugin. It not only takes everything in the DOM and shows [...]
Published in Tools, Web development on Tuesday, February 6th, 2007

HTML doctypes

I can never remember these things. This is a list so I (or you) can just cut and paste into pages. HTML 4 transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd"> HTML 4 strict: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> XHTML transitional: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> XHTML strict: <!DOCTYPE html PUBLIC "-//W3C//DTD [...]
Published in Web development on Tuesday, December 7th, 2004