Variable HTML table cell height? -


<table>     <tr>         <th><img src="image.jpg" /></th>         <td>row1 column2</td>         <td>row1 column3</td>         <td>row1 column4</td>     </tr> </table> 

results
if height of img equal 10px, height of cells in row equals 10px. adding border td's results in td's looking taller img. note: img contained in th because not want border around img, td's.

desired results
link image
displayed in image above, height of td's should adjustable top , bottom borders can aligned img.

research
using css specify height on td's works if height larger height of img (in other words, td's cannot smaller img). additional research indicates way tables work.

thanks reading. appreciated :)

generally speaking, in table, <td> elements same size within row, purpose of rows, can align cell contents within row, otherwise row have consistent height. height of row defaults maximum height of cell within it. horizontal borders run rows generally.

the way alter use rowspan additional rows thrown in positioning, ugly in extreme.

do keep in mind tables tabular data only, , should avoided other purposes, particularly layout.


Comments

Popular posts from this blog

java - SNMP4J General Variable Binding Error -

windows - Python Service Installation - "Could not find PythonClass entry" -

Determine if a XmlNode is empty or null in C#? -