Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations TouchToneTommy on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

add row with 3 columns

Status
Not open for further replies.

rmcguire80

IS-IT--Management
May 31, 2012
106
US
Hello,

On my HTML newsletter at
How can I add another table within the one which reads "Meadow Lark in Motion" to have 3 columns....within those columsn Im going to be placing three images


thanks
 
Hi,
You can add a table where I've indicated below

Code:
<html>
<head>
	
	<title>Meadow Lark Agency Newsletter</title>
	
	<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />
	
	<style type="text/css">
	.list a {
	color: #060;
	text-transform: uppercase;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
}

	</style>
	
</head>
<body marginheight="0" topmargin="0" marginwidth="0" bgcolor="#c5c5c5" leftmargin="0">

<table cellspacing="0" border="0" style="background-image: url([URL unfurl="true"]http://www.meadowlarkco.com/images/bg.gif);[/URL] background-color: 

#c5c5c5;" cellpadding="0" width="100%">
	
	<tr>

		
		<td valign="top">

			<table cellspacing="0" border="0" align="center" style="background: #fff; border-right: 1px solid 

#ccc; border-left: 1px solid #ccc;" cellpadding="0" width="600">
				<tr>
					<td valign="top">
						<!-- header -->
						<table cellspacing="0" border="0" height="157" cellpadding="0" width="600">
							<tr>
								
								<td class="header-text" height="50" valign="top" 

style="color: #999; font-family: Verdana; font-size: 10px; text-transform: uppercase; padding: 0 20px;" width="540" 

colspan="2">

									<br /><br />
									Email not looking correct for you? 
									<webversion style="color: #990000; text-decoration: 

none;"><a href="[URL unfurl="true"]http://www.meadowlarkco.com/newsletterone.html">View[/URL] it in your browser</a></webversion>
								</td>
								
							</tr>
							<tr>
								<td class="main-title" height="13" valign="top" 

style="padding: 0 20px; font-size: 25px; font-family: Georgia; font-style: italic;" width="600" colspan="2">
									Meadow Lark In Motion</td>

                            
                            	
                                
                                    
                                    
							</tr>

[COLOR=red][b]<!-- XXXXXXXXXXXXXXXX ADD THIS CODE XXXXXXXXXXXXXXXXXX -->[/b][/color]

[COLOR=blue]<tr>

<td colspan="2" width="600" valign="topcenter">

			<table cellspacing="0" border="0" align="center" style="background: #fff; border-right: 1px solid 

#ccc; border-left: 1px solid #ccc;" cellpadding="0" width="600">

<tr>

<td width="200"><img src="images/yourimage1.jpg" style="padding:10px;"><td> 

<td width="200"><img src="images/yourimage2.jpg" style="padding:10px;"></td> 

<td width="200"><img src="images/yourimage3.jpg" style="padding:10px;"></td> 


</tr>

</table>


</td>

</tr>[/color]

[COLOR=red][b]<!-- XXXXXXXXXXXXXXXXXXXXXX END OF ADDITIONAL CODE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX[/b][/color]


							<tr>
								<td height="20" valign="top" width="600" colspan="2">
									<img 

src="[URL unfurl="true"]http://www.meadowlarkco.com/images/breaker.jpg"[/URL] height="20" alt="" style="border: 0;" width="600" />
								</td>
							</tr>
							<tr>
								<td class="header-bar" valign="top" style="color: #999; 

font-family: Verdana; font-size: 10px; text-transform: uppercase; padding: 0 20px; height: 15px;" width="400" height="15">
									THIRD Quarter newsletter
								</td>

								<td class="header-bar" valign="top" style="color: #999; 

font-family: Verdana; font-size: 10px; text-transform: uppercase; padding: 0 20px; height: 15px; text-align: right;" 

width="200">
									<currentdayname> <currentday> <currentmonthname> 

<currentyear>
								</td>
							</tr>
							<tr>
								<td height="10" valign="bottom" width="600" colspan="2">
									<img src="file:///K|/Users/RyanM/Newsletter 

Templates/elegant-updated/elegant/html/images/thin-breaker.jpg" height="10" alt="" style="border: 0;" width="600" />

								</td>
							</tr>
						</table>
						<!-- / header -->
					</td>
				</tr>
				<tr>
					<td>
						<!-- content -->

						<table cellspacing="0" border="0" height="870" cellpadding="0" width="600">
							<tr>
								<td valign="top" width="350">
									
									<table cellspacing="0" style="border-right: 1px 

solid #ccc;" cellpadding="0">
										<tr>
											<td class="article-title" 

height="45" valign="top" style="padding: 0 20px; font-family: Georgia; font-size: 20px; font-weight: bold;" width="350" 

colspan="2">
												<br />
												Owners Corner:
											</td>

										</tr>
										<tr>
											<td class="content-copy" 

valign="top" style="padding: 0 20px; color: #000; font-size: 14px; font-family: Georgia; line-height: 20px;" colspan="2">
												
A little-known Billings company that brokers loads for independent truckers and moves oil rigs is quietly churning $100 

million in revenue per year, most of that money being made out of state. For nearly 30 years, Meadowlark Agency LLC has 

operated what amounts to a high-volume, high-dollar call center, now employing 80 at a headquarters tucked back in the trees 

at 935 Lake Elmo Drive. Three decades ago, after changing jobs 12 times in 13 years, Rick Jones and his wife, Donna Jones, 

started their own business. “I wanted to run an honest company,” he said. In 1983, Jones laid a card table down with two 

cardboard file cabinets and started dialing for dollars on his own. “I really like the game as I call it: high-speed suck 

up,” Jones said. “I’ve got 30 seconds to get under their skin and get them to trust me.” <a 

href="[URL unfurl="true"]http://billingsgazette.com/business/entrepreneurs-brokering-big-truckloads-delivers-success-for-meadowlark/article_985[/URL]

5ad48-8348-5900-95d1-43059ff28fb0.html" target="_blank">Continued</a><br /><br />
											</td>
										</tr>
										<tr>
											<td class="image" valign="top" 

style="padding: 10px 20px;" colspan="2"><span class="image" style="padding: 10px 20px;"><img 

src="file:///K|/Users/RyanM/Newsletter Templates/elegant-updated/elegant/html/images/image3.jpg" alt="Image" style="border: 

0; display: block;" /></span><br /><br />

											</td>
										</tr>
										<tr>
											<td class="article-title" 

height="39" valign="top" style="padding: 0 20px; font-family: Georgia; font-size: 20px; font-weight: bold;" width="350" 

colspan="2">
												Industry News
											</td>
										</tr>
										<tr>
											<td class="content-copy" 

valign="top" style="padding: 0 20px; color: #000; font-size: 14px; font-family: Georgia; line-height: 20px;" colspan="2">

												Suspendisse imperdiet 

ullamcorper est at interdum. Suspendisse at felis nunc. Integer eu felis lacus, id 
												blandit augue. Mauris 

commodo hendrerit risus, quis vehicula mi adipiscing in. Integer nec pretium odio. Sed 
												ligula enim, scelerisque ut 

tempor lacinia, iaculis eget erat. id blandit augue. Mauris commodo hendrerit risus, 
												quis vehicula mi adipiscing 

in. Integer nec pretium odio. Sed ligula enim, scelerisque ut tempor lacinia, iaculis 
												eget erat. id blandit augue. 

Mauris commodo hendrerit risus, quis <a href="" style="color: #cc0000; text-decoration: none;">vehicula</a> mi adipiscing 

in. Integer nec pretium 
												odio. Sed ligula enim, 

scelerisque ut tempor lacinia, iaculis eget erat. 
												<br /><br />
											</td>
										</tr>
										<tr>
											<td class="article-title" 

height="39" valign="top" style="padding: 0 20px; font-family: Georgia; font-size: 20px; font-weight: bold;" width="350" 

colspan="2">
												Leadership Minute:</td>

										</tr>
										<tr>
											<td>
												<table cellspacing="0" 

border="0" cellpadding="0">
													<tr>
														<td 

class="floated-copy" valign="top" style="padding: 0 20px 20px 20px; color: #000; font-size: 14px; font-family: Georgia; 

line-height: 20px;" width="350">
															
															<img 

src="[URL unfurl="true"]http://www.meadowlarkco.com/images/brandonnewsletter.png"[/URL] height="199" align="left" alt="" style="border: 0;" 

width="133" />
															
															

Suspendisse imperdiet ullamcorper est at interdum. <a href="file:///K|/Users/RyanM/Newsletter 

Templates/elegant-updated/elegant/html" style="color: #cc0000; text-decoration: none;">Suspendisse at felis nunc.</a> 

Integer eu felis 
															

lacus, id blandit augue. Mauris commodo hendrerit risus, quis vehicula mi adipiscing in. Integer nec pretium 
															

odio. Sed ligula enim, scelerisque ut tempor lacinia, iaculis eget erat. Integer eu felis lacus, id blandit 
															

augue. Mauris commodo hendrerit risus, quis vehicula mi adipiscing in. Integer nec pretium odio. Sed ligula 
															

enim, scelerisque ut tempor lacinia, iaculis eget erat. Integer eu felis lacus, id blandit augue. Mauris 
															

commodo hendrerit risus, quis vehicula mi adipiscing in. Integer nec pretium odio. Sed ligula enim, scelerisque 
															ut 

tempor lacinia, iaculis eget erat. 
														</td>

													</tr>
												</table>
											</td>

										</tr>
										
									</table>
									
							  </td>
								<td valign="top" width="270">
									
									<table cellspacing="0" cellpadding="0">

										
										<tr>
											
											<td style="padding: 0 0 0 20px;">
												<br />
												<strong class="subtitle" 

style="display: block; font-size: 11px; font-family: Verdana; text-transform: uppercase; margin: 0 0 10px 0;">In this 

issue</strong>
												<table cellspacing="0" 

border="0" cellpadding="0">
													<tr>
														<td 

height="20"><img src="file:///K|/Users/RyanM/Newsletter Templates/elegant-updated/elegant/html/images/bullet.gif" alt="" 

style="border: 0;" /></td>
														<td 

class="list" style="color: #006600; text-transform: uppercase; font-family: Verdana; font-size: 11px; text-decoration: 

none;">SAFETY CORNER</td>

													</tr>
													<tr>
														<td 

height="20"><img src="file:///K|/Users/RyanM/Newsletter Templates/elegant-updated/elegant/html/images/bullet.gif" alt="" 

style="border: 0;" /></td>
														<td 

class="list" style="color: #006600; text-transform: uppercase; font-family: Verdana; font-size: 11px; text-decoration: 

none;">LITTLE LARKS</td>
													</tr>
                                                    <tr>
														<td 

height="20"><img src="file:///K|/Users/RyanM/Newsletter Templates/elegant-updated/elegant/html/images/bullet.gif" alt="" 

style="border: 0;" /></td>
														<td 

class="list" style="color: #006600; text-transform: uppercase; font-family: Verdana; font-size: 11px; text-decoration: 

none;"><a href="[URL unfurl="true"]http://www.meadowlarkco.com/issue.html"[/URL] target="_blank">MEADOW LARK AGENCY</a></td>

													</tr>
													<tr>
														<td 

height="20"><img src="file:///K|/Users/RyanM/Newsletter Templates/elegant-updated/elegant/html/images/bullet.gif" alt="" 

style="border: 0;" /></td>
														<td 

class="list" style="color: #006600; text-transform: uppercase; font-family: Verdana; font-size: 11px; text-decoration: 

none;"><a href="[URL unfurl="true"]http://www.meadowlarkco.com/issue.html"[/URL] target="_blank">MEADOW LARK ENERGY</a></td>
													</tr>
													<tr>
														<td 

height="20"><img src="file:///K|/Users/RyanM/Newsletter Templates/elegant-updated/elegant/html/images/bullet.gif" alt="" 

style="border: 0;" /></td>
														<td 

class="list" style="color: #006600; text-transform: uppercase; font-family: Verdana; font-size: 11px; text-decoration: 

none;">MEADOW LARK TRANSPORT</td>

													</tr>
                                                    <tr>
														<td 

height="20"><img src="file:///K|/Users/RyanM/Newsletter Templates/elegant-updated/elegant/html/images/bullet.gif" alt="" 

style="border: 0;" /></td>
														<td 

class="list" style="color: #006600; text-transform: uppercase; font-family: Verdana; font-size: 11px; text-decoration: 

none;">UPCOMING EVENTS</td>
													</tr>
												</table>
											</td>
											
										</tr>

										
										<tr>
											<td class="article-title" 

height="45" valign="top" style="padding: 0 20px; font-family: Georgia; font-size: 20px; font-weight: bold;" width="270" 

colspan="2">
												<br />Recently
											</td>
										</tr>
										
										<tr>
											<td class="content-copy" 

style="padding: 0 20px; color: #000; font-size: 14px; font-family: Georgia; line-height: 20px;">
												<br />
												Here is the recent 

happenings around Meadow Lark:
												<br /><br />

											</td>
										</tr>
										
										<tr>
											<td style="padding: 0 0 0 20px;">
												<strong class="subtitle" 

style="display: block; font-size: 11px; font-family: Verdana; text-transform: uppercase; margin: 0 0 10px 0;">Our Latest 

NEWS</strong>
											</td>
										</tr>
										
										<tr>

											<td class="content-copy" 

style="padding: 0 20px; color: #000; font-size: 14px; font-family: Georgia; line-height: 20px;">
												Meadow Lark would like to 

welcome our newest employees: Tammy McCallum, Dawn Smyre, Rachel Petersen, Donald Patenaude, Kristina Large, Cassandra 

Chalupa<br /><br />
											</td>
										</tr>
										
										<tr>
											<td style="padding: 0 0 0 20px;">
												<strong class="subtitle" 

style="display: block; font-size: 11px; font-family: Verdana; text-transform: uppercase; margin: 0 0 10px 0;">DRIVER OF THE 

MONTH</strong>
											</td>

										</tr>
										
										<tr>
											<td class="content-copy" 

style="padding: 0 20px; color: #000; font-size: 14px; font-family: Georgia; line-height: 20px;">
												Meadow Lark is planning its 

30th Anniversary Celebration over Fourth of July weekend, 2013. Make your plans to join us for a weekend of fun in and 

around Billings, MT. Check out<a href="[URL unfurl="true"]http://http://www.oscarspark.com/Oscars_Park/Oscars_Dreamland.html"[/URL] style="color: 

#cc0000; text-decoration: none;"> Oscars Dream Land</a> for a view of the main site of the event! 
												 <br /><br />
											</td>
										</tr>

                                        <tr>
											<td style="padding: 0 0 0 20px;">
												<strong class="subtitle" 

style="display: block; font-size: 11px; font-family: Verdana; text-transform: uppercase; margin: 0 0 10px 0;">CARRIER OF THE 

QUARTER</strong>
											</td>
										</tr>
                                        <tr>
											<td class="content-copy" 

style="padding: 0 20px; color: #000; font-size: 12px; font-family: Georgia; line-height: 20px;">
												<strong>Ligas & Associates - 

Lockport, IL</strong><br />

												Ligas is always willing to 

go the extra mile for us. We appreciate that Matt tried hard to accomodate our shipper and us when we have short notice or 

something unexpected happens...<a href="#" 

onClick="MyWindow=window.open('[URL unfurl="true"]http://www.meadowlarkco.com/carrierofquarter.html','MyWindow','toolbar=no,location=no,directo[/URL]

ries=no,status=no, menubar=no,scrollbars=no,resizable=no,width=725,height=250'); return false;">Continued</a><br /><br />
											</td>
										</tr>
										
										<tr>
											<td style="padding: 0 0 0 20px;">
												<strong class="subtitle" 

style="display: block; font-size: 11px; font-family: Verdana; text-transform: uppercase; margin: 0 0 10px 0;">Before you 

go</strong>
											</td>

										</tr>
										
										<tr>
											<td class="content-copy" 

style="padding: 0 20px; color: #000; font-size: 14px; font-family: Georgia; line-height: 20px;">
												Please check out our website 

at [URL unfurl="true"]www.meadowlarkco.com<br[/URL] /><br />
											</td>
										</tr>
										
										<tr>
											<td>

												<!--button-->
												<table cellspacing="0" 

border="0" cellpadding="0" width="210">
												<tr>
													<td><br /></td>
												</tr>
												<tr>
													<td 

valign="top"><img src="file:///K|/Users/RyanM/Newsletter Templates/elegant-updated/elegant/html/images/spacer.gif" 

width="10" height="20" alt="" /></td>
													<td height="35" 

bgcolor="#006600" style="border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; 

font-size: 10px; font-family: Verdana, 'Times New Roman', Times, serif; color: #fff; margin: 0; padding: 0; text-align: 

center;"><forwardtoafriend style="text-decoration: none; color: #fff;"><a href="mailto:?subject=Check Out the Meadow Lark 

Agency Newsletter!&amp;body=Check out this site [URL unfurl="true"]http://www.meadowlarkco.com/newsletterone.html"[/URL] title="Meadow Lark 

Newsletter">SHARE THIS EMAIL</a></forwardtoafriend></td>

												</tr>
												</table><!--/button-->
											</td>
										</tr>
										
									</table>
									
								</td>
							</tr>
							
						</table>
						
						<!--  / content -->

					</td>
				</tr>
				<tr>
					<td valign="top" width="600">
						<!-- footer -->
						<table cellspacing="0" border="0" height="202" cellpadding="0" width="600">
							<tr>
								<td height="20" valign="top" width="600" colspan="2">
									<img src="file:///K|/Users/RyanM/Newsletter 

Templates/elegant-updated/elegant/html/images/breaker.jpg" height="20" alt="" style="border: 0;" width="600" />

								</td>
							</tr>
							<tr>
								<td valign="top">
									<table cellspacing="0" border="0" width="600" 

cellpadding="0">
										<tr>
											<td class="unsubscribe" valign="top" 

style="padding: 20px; color: #999; font-size: 14px; font-family: Georgia; line-height: 20px; text-align: center;">
												If you received this 

newsletter by mistake or wish to be removed from our listing please  send email to the following link<br />

												<a 

href="mailto:pbowman@meadowlarkco.com">pbowman@meadowlarkco.com</a></td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td valign="top" colspan="2">
									<img src="file:///K|/Users/RyanM/Newsletter 

Templates/elegant-updated/elegant/html/images/breaker.jpg" height="20" alt="" style="border: 0;" width="600" />

								</td>
							</tr>
							<tr>
								<td class="copyright" height="100" align="center" 

valign="top" style="padding: 0 20px; color: #999; font-family: Verdana; font-size: 10px; text-transform: uppercase; 

line-height: 20px;" width="600" colspan="2">
									Company and the Company logo are registered 

trademarks of Company <br />
									Meadow Lark Agency - Billings, MT 59105. Ph 

800-736-5233
								</td>
							</tr>
						</table>

						<!-- / end footer -->
					</td>
				</tr>
			</table> 
			
		</td>
	
	</tr>
	
</table>

</body>
</html>

Hope this helps !!

Steve
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top