align page up better?

rmcguire80 · Jun 28, 2012

Could someone give some suggestions on how to line my page up better here:

http://www.meadowlarkco.com/issue2.html

Im trying to have it look like a newspaper layout, its a 4x4 table within a 1x1 table but there are some gaps and someone the text just doesn't look aligned well....maybe setting widths on my <td>?

thanks for any help provided

darryncooke · Jun 29, 2012

If this were standards compliant code I would love to help. You will have better control here if you didn't use tables. Tables should be used only for tabular data and e-mail marketing.

Just my $.02

Darryn Cooke

http://www.darryncooke.com

| Marketing and Creative Services

datamasher · Jul 1, 2012

Hi,
see code below for a 2 column newspaper style layout.
When using tables for newsletters like this this think in COLUMNS not rows. The code also validates !!

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Meadow Lark Newsletter</title>
</head>

<body style="background-image:url(images/bg.gif); font-family:verdana;font-size:80%;background-color:#c5c5c5;">


<!--  THIS TABLE HOLDS THE PAGE HEADER  -->



<table width="900" border="0" align="center">
  <tr>
    <td width="300">&nbsp;</td>
    <td width="300"><h1 style="text-align:center;">In This Issue</h1></td>
    <td width="300">&nbsp;</td>
  </tr>
</table>


<!-- END OF PAGE HEADER TABLE  -->



<!--  THIS TABLE FORMS THE TWO PAGE COLUMNS  -->


<table width="900" border="1" align="center" cellpadding="10">
  <tr>

<!--  START OF LEFTHAND COLUMN  -->


    <td valign="top" width="450">


<h2>Safety Corner</h2>

<p>A change to save lives: with compliance, safety, accountability (CSA), the Federal Motor Carrier Safety Administration 

together with State Partners and industry, is working to further reduce commercial motor vehicle crashes, fatalities, and 

injuries on our nation's highway</p>

<p>To learn more about the Safety Measurement System (SMS) go to: <br /><br /><a 

href="[URL unfurl="true"]http://csa.fmcsa.dot.gov/default.aspx"[/URL] target="_blank">[URL unfurl="true"]http://csa.fmcsa.dot.gov/default.aspx</a></p>[/URL]

<h2>Meadow Lark Sales News</h2>

<p>The last couple of months have been an exciting time in the <span style="color:#009900; font-weight:bold;">Meadow Lark 

Sales Department</span>. Susan was named as a Full-time Assistant Manager; congrats! Also we welcomed both Chase and Michael 

to the team. Both came out on fire making revenue from booking loads and making transfers. Marcos ventured up to the Van 

department to help lead the way with our new division, and Ben is now the new Heavy Haul Sales guru. Lisa is still making 

headway as the Central Rep with a trip planned this month to Iowa. Travis made his first sales trip out to Ohio and we are 

looking forward to even more success. We are excited to bring on some new members to our team starting this week. Dawne will 

be coming in to join us as our new Canadian Sales Rep and Donald will be helping to cover our loads as the Sales Dispatcher. 

We had a great month in May, having successful trips and highly profitable transfers. With the summer months rolling in we 

are looking to break some records for profits!
</p>

<h2>Meadow Lark Van Division News</h2>

<img style="float:left;padding:5px;" src="[URL unfurl="true"]http://www.meadowlarkco.com/images/michellefbio.png"[/URL] alt="Michelle's photo" />

<p>The van business is starting to grow we started out with just 2 of us and have grown into a team of 6.
      Sales is chasing business all over the united states.  We are working on getting setup with some big accounts, Pier 

one, Tempurpedic matress, and the tire business.
      Until we get these up and running we are staying busy with other freight all over the Midwest and west!  We are 

getting busy with Beverages, cups, frozen foods, and even airplane seats!
      It's amazing all the things that move out in the van world!</p>

</td>


<!--  END OF LEFTHAND COLUMN  -->


<!--  START OF RIGHTHAND COLUMN  -->


    <td valign="top" style="padding:5px;" width="450">

<h2>Little Larks</h2>

<p>Meadow Lark would like to welcome the new additions to some of our Meadow Lark employees:</p>


<!--  THIS TABLE HOLDS PHOTOS  -->

<table width="420" border="0">

<tr>

<td width="140" valign="top">

<h3>Griffin</h3>

<img src="images/mandybaby.png" alt="Mandy's baby - Griffin" />

</td>

<td width="140" valign="top">

<h3>Isobel Grace</h3>

<img src="images/travisbaby2.png" alt="Travis' baby - Isobel Grace" />

</td>

<td width="140" valign="top">

<h3>Cullen</h3>

<img src="images/lynbaby.png" alt="Lyn's baby - Cullen" />

</td>



</tr>

</table>

<!--  END OF PHOTO TABLE  -->


    <h2>Meadow Lark Energy News</h2>

<img style="float:left; padding:5px;" src="[URL unfurl="true"]http://www.meadowlarkco.com/images/mikebiophoto.png"[/URL] alt="Mike's photo" />

        <p>The <span style="color:#009900; font-weight:bold;">Meadow Lark Energy Division</span> is excited to announce the 

addition of Lynnette Baisch to our sales staff. Lynnette will be working with all of the Oil clients in Texas to start. Wish 

her luck with all the heat in Texas.
We have learned all kinds of new terms like, Bed Truck, Swamper, float, Gin Truck, Monkey Board and Slick Trucks. A year ago 

I had never heard of any of these.
Our rig moving crews in North Dakota have moved almost 50 rigs since we started and are looking to more than double that 

this year. Texas will make this goal achievable.
It has been interesting learning all the politics of the Oil business, clearly much different than general freight. The 

players are continually changing and switching companies. This makes it very difficult to track but keeps things exciting.
Soon will be launching our trucking division and leasing on bed trucks and winch trucks. These will be very specialized and 

domiciled close to the rigs in North Dakota and Texas.
Please give any of us a call if you need help with an oilfield client, we have plenty of free advice</p>

</td>

<!--  END OF LEFTHAND COLUMN   -->


  </tr>
  </table>

<!--  END OF THE TWO PAGE COLUMNS TABLE  -->

</body>
</html>

Had fun doing this. Hope it helps !!

Steve

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!

align page up better?

rmcguire80

IS-IT--Management

darryncooke

Technical User

datamasher

Technical User

Similar threads

Part and Inventory Search

Sponsor