Image vertical alignment within table, solved

Stephan Neumann · **Posted:** Sun Apr 27, 2008 4:24 pm

http://www.advocatenautomatisering.nl/bar.html
http://www.advocatenautomatisering.nl/bar.pdf

Consider this:

Code:

<html>
<body>
<table>
<tr>
<td align='center'><small>88</small></td>
<td align='center'><small>12</small></td>
</tr>
<tr>
<td align='center' valign='bottom'><img src='bg100.jpg' width='150' height='88'></td>
<td align='center' valign='bottom'><img src='bg100.jpg' width='150' height='12'></td>
</tr>
<tr>
<td align='center'><small>SN</small></td>
<td align='center'><small>PB</small></td>
</tr>
</table></body></html>

This looks in a browser like a bar graph and is exactly what I want. However, in Prince the images valign on top. If I change it to middle they valign in the middle, just bottom doesn't seem to work.

What am I overlooking?

Stephan Neumann · **Posted:** Wed Apr 30, 2008 9:55 am

This problem is actually an error in xhtml.css, where it says

Code:

td[valign=bottom], th[valign=bottom] { vertical-align: top }

it should be

Code:

td[valign=bottom], th[valign=bottom] { vertical-align: bottom }

mikeday · **Posted:** Wed Apr 30, 2008 11:11 am

Oops!

Thanks for pointing that out, we'll fix it in the next maintenance release which is due in a couple of days.

Stephan Neumann · **Posted:** Wed Apr 30, 2008 1:31 pm

No worries, we are all here to make life easier/better.

But in view of my problem with the <th> tag I would strongly suggest that you abstain from modifying default behaviour in your css. Otherwise, I must check every update and redo the changes.

It is probably too late for the <th> tag, as other users might get upset if you change it. :twisted:

Image vertical alignment within table, solved

Who is online