Anna Filina » html http://annafilina.com/blog I fix stuff Thu, 17 May 2012 19:58:42 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 PHP Quebec: Microformats http://annafilina.com/blog/php-quebec-microformats/ http://annafilina.com/blog/php-quebec-microformats/#comments Mon, 12 Jan 2009 22:10:41 +0000 Anna http://annafilina.com/blog/?p=165 Read the rest...
]]> Sarven Capadisli presented “Interacting with microformats” at the PHP Quebec’s January meeting. Microformats are basically a way to convert existing HTML pages into APIs without much effort. You use mostly the class attribute to mark up your HTML so that contact/calendar/atom/etc. could be extracted from it.

A very well structured presentation with cool examples. Read the slides here:
http://csarven.ca/presentations/microformats-04/

]]> http://annafilina.com/blog/php-quebec-microformats/feed/ 1 CSS Incompatibilities http://annafilina.com/blog/css-incompatibilities/ http://annafilina.com/blog/css-incompatibilities/#comments Wed, 06 Jun 2007 01:18:00 +0000 Anna http://annafilina.com/blog/archives/3 Read the rest...
]]> We all know that different browsers display our CSS differently. What are the major differences? Here is what I found from my own experience (often the hard way):

  • IE doesn’t support table, table-cell, etc. for the display property; 
  • IE includes the padding in its width (width:50px & padding:3px will total 50px in IE and 56px in Firefox)
  • IE doesn’t support properties such as max-width, min-height, etc.
  • Firefox has some of it’s own CSS rules (moz-css) which are not supported by any other browsers
  • IE adds a margin to its forms

There are tons of other differences that you can add to this list. I solve most of my layout problems with one or two tables for the most complex parts, thus saving myself hours of debugging and tweaking.

P.S.: use lists instead of tables for your horizontal menus (for god’s sake!)

]]> http://annafilina.com/blog/css-incompatibilities/feed/ 0