I have a logo that I want to centre on a web page, which is located in a
book titlepage. When using the HTML5 stylesheets, the logo is not
centred -- it is positioned at the left and I can't find the coding
responsible for centring it. I've noticed that now the HTML5 stylesheets
generate a table around the mediaobject, which has the same width as the
mediaobject. The previous XHTML1-1 stylesheets didn't generate a table
around the mediaobject, which made it easy to position the logo using CSS.
Here is the XHTML1-1 output:
<div class="mediaobject" style="text-align: center"><img
src="images/redlettucelogo.gif" style="text-align: middle" width="300"
alt="alt text for publisher's logo"/></div>
And the HTML5 output:
<div style="text-align: center; " class="mediaobject"><table
style="border: 0; border-spacing: 0; padding: 0; width: 300; "><tr><td
style="text-align: center; "><img style="text-align: middle; width: 300;
" src="images/redlettucelogo.gif" alt="alt text for publisher's
logo"/></td></tr></table></div>
The <table> does not have a style attribute for "text-align=center" and
is getting its width from the enclosed mediaobject. Why is a table now
generated (is this mandatory for HTML5?), and in what template is that
generated?
--
*Dave Gardiner*
