rob wrote:
> Hello,
>
> It is my understanding that XHTML transitional documents are rendered in
> standards mode. (please correct me if i'm wrong)
>
> We've been experimenting here with XHTML transitional code and we're
> continually finding extra space around elements, particularly images
> which are laid out horizontally in TD's, etc.
>
> I thought maybe a solution was to place an img style element with no
> padding or margins, but this did not close up the tables.
>
> While I realize that ideally formatting and layout would all be handled
> via stylesheets, for backwards compatibility and via the "transitional"
> dtd we've been hoping to continue to use sort of a mix.
>
> Oh, and the pages in question render fine in IE ... sigh ...
>
> Any thoughts off hand, even without seeing the code?
Images are inline elements, so they get the inline box drawn around
them. There are a couple workarounds:
td img {vertical-align: bottom}
or
td img {display: block}
ian.
--
\ /
(@_@) http://www.eclipse.co.uk/sweetdespise/ (dark literature)
/(&)\ http://www.eclipse.co.uk/sweetdespise/libertycaptions/ (art)
| |
