I have an html table with six rows and two columns. I have what it is supposed to look like here. But, what is really confusing me is that with the exact same source code snippet inside wordpress here is not displaying the same output, the image does not span both rows? I am super confused by this behaviour. Has anybody ever run across this error before?

Recommended Answers

All 3 Replies

My best guess. I added heights to the td's.

<table style="border-top:2px solid #F5F5F5;"><tr style="color:#F7F7F7;padding:0px;display:none;"><th>pic</th> 
</tr><tr style="padding:10px;border-bottom:2px solid #F5F5F5;"><td rowspan="2"><img width="100" height="100" src="http://maps.google.com/maps/api/staticmap?center=224 39th Ave South,Jacksonville Beach,FL,32082&zoom=15&size=156x156&sensor=false&markers=color:red%7C224 39th Ave South,Jacksonville Beach,FL,32082" /> </td> 
<td height = "50px">Lot Number: 3 <a href="/functions/Listing Form.php?id=359" onclick="return popup(this);">224 39th Ave South,Jacksonville Beach,FL,32082</a></td> 
</tr><tr style="border-top:2px solid #F5F5F5;"><td height = "50px">S. Jax Beach lot for 189,900 to build your home 4 blocks from the ocean!</td> 
</tr><tr style="padding:10px;border-bottom:2px solid #F5F5F5;"><td rowspan="2"><img width="100" height="100" src="http://maps.google.com/maps/api/staticmap?center=226 39th Ave S,Jacksonville Beach,FL,32082&zoom=15&size=156x156&sensor=false&markers=color:red%7C226 39th Ave S,Jacksonville Beach,FL,32082" /> </td> 
<td height = "50px">Lot Number: 4 <a href="/functions/Listing Form.php?id=360" onclick="return popup(this);">226 39th Ave S,Jacksonville Beach,FL,32082</a></td> 
</tr><tr style="border-top:2px solid #F5F5F5;"><td height = "50px">A vacant lot for 189,900, in new Avalon subdivision. 
4 blocks to ocean access.</td> 
</tr><tr style="padding:10px;border-bottom:2px solid #F5F5F5;"><td rowspan="2"><img width="100" height="100" src="http://maps.google.com/maps/api/staticmap?center=4217 2nd Street S.,Jacksonville Beach,FL,32082&zoom=15&size=156x156&sensor=false&markers=color:red%7C4217 2nd Street S.,Jacksonville Beach,FL,32082" /> </td> 
<td height = "50px">Lot Number: 3 <a href="/functions/Listing Form.php?id=384" onclick="return popup(this);">4217 2nd Street S.,Jacksonville Beach,FL,32082</a></td> 
</tr><tr style="border-top:2px solid #F5F5F5;"><td height = "50px">Vacant lot S. Jax Beach 150,000. 3 Blocks to Ocean access.</td> 

I don't really know what solved this, but it was something to do with the css property vertical-align

Gerbiler, ty for posting back, I had this exact issue but in a very simple table, my css reset had vertical align on baseline, the TD with rowspan and image needed vertical align middle

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.