954,600 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

TD Rowspan with image not spanning rows

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?

Gerbiler
Junior Poster in Training
81 posts since Nov 2010
Reputation Points: 12
Solved Threads: 14
 

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> 
<th>titledescr</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> 
</tr></table>
tinymark
Junior Poster
158 posts since Feb 2010
Reputation Points: 11
Solved Threads: 17
 

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

Gerbiler
Junior Poster in Training
81 posts since Nov 2010
Reputation Points: 12
Solved Threads: 14
 

This question has already been solved

Post: Markdown Syntax: Formatting Help
You
View similar articles that have also been tagged: