Image slicing and html

[nanaya]

Old site uses transitional doctype and thus triggers browsers' quirks/almost standards mode which <br> (and everything but text) ignores line height and has dimension of 0x0.

Standard mode used by new site has different behavior where <br> (and everything else) has minimum height of the container's line height. This caused image slicing where the image height is less than line height having gap in them.

Comparison:

• standard mode (html5)
• quirks mode (xhtml1.1 transitional)

One possible solution is to add a new tag which wraps the images in a container with line-height of 0 (and then the old site will show the tag as is, unparsed :D ).

The other is just telling people to have image slice with enough height.

(talking about this)

[Hughp135]

Another option would be to make everything display as block. Float images left, put text sections into paragraph tags, and everything else into div's, etc.

[nanaya]

Superseded by #8751.