Log in / Register

Forum › How do I...?

Image vertical alignment within table, solved

Stephan Neumann (old)
http://www.advocatenautomatisering.nl/bar.html
http://www.advocatenautomatisering.nl/bar.pdf

Consider this:

<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?

regards, Stephan Neumann

Edited by Stephan Neumann (old)

Stephan Neumann (old)
This problem is actually an error in xhtml.css, where it says

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


it should be

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

regards, Stephan Neumann

mikeday
Oops! :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 (old)
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:

regards, Stephan Neumann