html table setup WordPress
Trying get to get the bottom tables side by side. Here is the code :)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<table width="600" align="center" cellspacing="0" cellpadding="0" bgcolor="#363636" >
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_01.jpg" width="600"
alt= "silver Lake Resort Pool" /><table width="100% cellspacing="0" cellpadding="0">
<table cellspacing="0" cellpadding="0" bgcolor="#363636" >
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_02.jpg" />
</td>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_03.jpg" />
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" bgcolor="#363636" >
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_04.jpg" />
</td>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_05.jpg" />
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" bgcolor="#363636">
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_06.jpg" /></td>
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_07.jpg" /></td>
</tr>
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_08.jpg"</td>
</tr>
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_09.jpg"</td>
</tr>
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_10.jpg"</td>
</tr>
</table>
</table>
</body>
</html>
Answers (5)
Balanean Corneliu answers:
Try this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<table width="600" align="center" cellspacing="0" cellpadding="0" bgcolor="#363636" >
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_01.jpg" width="600"
alt= "silver Lake Resort Pool" /><table width="100% cellspacing="0" cellpadding="0">
<table cellspacing="0" cellpadding="0" bgcolor="#363636" >
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_02.jpg" />
</td>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_03.jpg" />
</td>
</tr>
<table cellspacing="0" cellpadding="0" bgcolor="#363636" >
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_04.jpg" />
</td>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_05.jpg" />
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" bgcolor="#363636">
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_06.jpg" /></td>
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_07.jpg" /></td>
</tr>
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_08.jpg"</td>
</tr>
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_09.jpg"</td>
</tr>
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_10.jpg"</td>
</tr>
</body>
</html>
Steve Benton comments:
Thanks, but that didn't work :)
Balanean Corneliu comments:
this page is active? can give me the link to test directly ? thank you.
Steve Benton comments:
No it's not live. It will be used as a email blast. I posted the code. Thanks!
Espreson Media answers:
Here is the Corrected one..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
tr {
float: left;
}
</style>
</head>
<body>
<table width="600" align="center" cellspacing="0" cellpadding="0" bgcolor="#363636" >
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_01.jpg" width="600"
alt= "silver Lake Resort Pool" /><table width="100% cellspacing="0" cellpadding="0">
<table cellspacing="0" cellpadding="0" bgcolor="#363636" >
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_02.jpg" />
</td>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_03.jpg" />
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" bgcolor="#363636" >
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_04.jpg" />
</td>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_05.jpg" />
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" bgcolor="#363636">
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_06.jpg" /></td>
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_07.jpg" /></td>
</tr>
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_08.jpg"</td>
</tr>
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_09.jpg"</td>
</tr>
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_10.jpg"</td>
</tr>
</table>
</table>
</body>
</html>
Ryan S answers:
Try this, hey you seems have invalid image format I've formatted it first, I've tested the code and it works fine on my side
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<table width="600" align="center" cellspacing="0" cellpadding="0" bgcolor="#363636" >
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_01.jpg" width="600"
alt= "silver Lake Resort Pool" /><table width="100% cellspacing="0" cellpadding="0">
<table cellspacing="0" cellpadding="0" bgcolor="#363636" >
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_02.jpg" />
</td>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_03.jpg" />
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" bgcolor="#363636" >
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_04.jpg" /></td>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_05.jpg" /></td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" bgcolor="#363636">
<tr>
<td>
<img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_06.jpg" />
</td>
<td>
<img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_07.jpg" />
<img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_08.jpg" />
<img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_09.jpg" />
<img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_10.jpg" />
</td>
</tr>
</table>
</table>
</body>
</html>
Arnav Joy answers:
try this
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<table width="600" align="center" cellspacing="0" cellpadding="0" bgcolor="#363636" >
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_01.jpg" width="600"
alt= "silver Lake Resort Pool" /><table width="100% cellspacing="0" cellpadding="0">
<table cellspacing="0" cellpadding="0" bgcolor="#363636" >
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_02.jpg" />
</td>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_03.jpg" />
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" bgcolor="#363636" >
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_04.jpg" />
</td>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_05.jpg" />
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" bgcolor="#363636">
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_06.jpg" /></td>
<td>
<table cellspacing="0" cellpadding="0" bgcolor="#363636">
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_07.jpg" /></td>
</tr>
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_08.jpg"</td>
</tr>
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_09.jpg"</td>
</tr>
<tr>
<td><img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_10.jpg"</td>
</tr>
</td>
</tr>
</table>
</body>
</html>
check what i have got
Ilajoy answers:
<strong>this is the code working fine... Tested the code by sending it to My gmail account from putsmail.com... </strong>
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />
<style type=”text/css”>
img {
display: block;
}
</style>
</head>
<body>
<table width="600" align="center" cellspacing="0" cellpadding="0" bgcolor="#363636" border="0">
<tr>
<td>
<img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_01.jpg" width="600" height="263" alt= "silver Lake Resort Pool" />
</td>
</tr>
<tr>
<table width="600" align="center" cellspacing="0" cellpadding="0" bgcolor="#363636" border="0">
<tr>
<td>
<img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_02.jpg" width="498" alt= "silver Lake Resort Pool"/>
</td>
<td>
<img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_03.jpg" width="102" alt= "silver Lake Resort Pool"/>
</td>
</tr>
</table>
</tr>
<tr>
<table width="600" align="center" cellspacing="0" cellpadding="0" bgcolor="#363636" border="0">
<tr>
<td>
<img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_04.jpg" width="168" alt= "silver Lake Resort Pool"/>
</td>
<td>
<img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_05.jpg" width="432" alt= "silver Lake Resort Pool"/>
</td>
</tr>
</table>
</tr>
<tr>
<table width="600" align="center" cellspacing="0" cellpadding="0" bgcolor="#363636" border="0">
<tr>
<td>
<img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_06.jpg" width="400" alt= "silver Lake Resort Pool"/>
</td>
<td>
<table width="200" align="center" cellspacing="0" cellpadding="0" bgcolor="#363636" border="0">
<tr>
<td>
<img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_07.jpg" width="200" alt= "silver Lake Resort Pool" />
</td>
</tr>
<tr>
<td>
<img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_08.jpg" width="200" alt= "silver Lake Resort Pool" />
</td>
</tr>
<tr>
<td>
<img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_09.jpg" width="200" alt= "silver Lake Resort Pool" />
</td>
</tr>
<tr>
<td>
<img src="http://silverlakeresort.com/RCI2/images/RCI_eblast2_10.jpg" width="200" alt= "silver Lake Resort Pool" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</tr>
</table>
</body>
</html>