Solved

html table not correct in IE

Posted on 2010-11-13
17
326 Views
Last Modified: 2012-05-10
here's a mystery.. the following site is not rendering correctly in IE8.  you can see that there is extra white space on either sides.  looks just fine in ff and chrome.  any ideas..

<!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" />

<title>newsletter</title>

</head>

<body>

<table align="left" cellspacing="0" cellpadding="0" border="0" width="650" >

<tr>

<td colspan="5" width="650" align="center" valign="top"><img src="http://www.seozones.com/hindmansanchez/images/about-us.jpg" width="650" height="51" border="0" alt="ABOUT US">

</td>

</tr>

<tr>

<td width="26" ><img src="http://www.seozones.com/hindmansanchez/images/orange-gradient.jpg" border="0" width="26" alt=""></td>

<td width="154" >sdfa asefasfeasdfasdf as adadfasd asd asdf ad</td>

<td width="342" >sdfa asefasfeasdfasdf as adadfasd asd asdf ad</td>

<td width="102" >sdfa asefasfeasdfasdf as adadfasd asd asdf ad</td>

<td width="26" ><img src="http://www.seozones.com/hindmansanchez/images/orange-gradient.jpg" border="0" width="26" alt=""></td>

</tr>

</table>

</body>

</html>

Open in new window

0
Comment
Question by:COwebmaster
17 Comments
 
LVL 12

Assisted Solution

by:snailcat
snailcat earned 83 total points
ID: 34130033
I looked at this on ff, chrome and ie8 and they look identical on my system.

Can you post a screenshot of how this looks on ie8 and one of the other browsers on your system?
ffview.JPG
ie8view.JPG
0
 
LVL 18

Accepted Solution

by:
Sudaraka Wijesinghe earned 251 total points
ID: 34130036
Remove the line break after about-us image tag.
 
<td colspan="5" width="650" align="center" valign="top"><img src="http://www.seozones.com/hindmansanchez/images/about-us.jpg" width="650" height="51" border="0" alt="ABOUT US"></td>

Open in new window


or if you want to have line break, break it somewhere in the middle of the IMG tag
 
<td colspan="5" width="650" align="center" valign="top"><img src="http://www.seozones.com/hindmansanchez/images/about-us.jpg" width="650" height="51" border="0" alt="ABOUT US"
></td>

<td colspan="5" width="650" align="center" valign="top"><img src="http://www.seozones.com/hindmansanchez/images/about-us.jpg" width="650" height="51" border="0" 
alt="ABOUT US"></td>

<td colspan="5" width="650" align="center" valign="top"><img src="http://www.seozones.com/hindmansanchez/images/about-us.jpg" 
width="650" height="51" border="0" alt="ABOUT US"></td>

Open in new window

0
 
LVL 7

Assisted Solution

by:armchang
armchang earned 83 total points
ID: 34130291
This is more likely a browser issue rather than a code issue. You need to make a few adjustments rather than fix the browser bug itself.

Reference: http://www.frontpagewebmaster.com/m-397698/tm.htm
0
 

Author Comment

by:COwebmaster
ID: 34131624
here is the pic in ie8.  you can see that the left and right side walls of the email are not properly aligned below the top graphic which is weird behavior. in my opinion, the code is perfect, not sure why it's doing that.
pic.jpg
0
 

Author Comment

by:COwebmaster
ID: 34131665
here again is the code which is more organized and I added px; after each pixel  width and height.

Also, I had troubles before with seeing images and layout display in outlook 2010 which I believe was due to using background images (darn microsoft).  I removed all of those and changed some things around.  I also removed all references to external css and am using inline css properties.

Would someone mind testing to see if this html would display properly in outlook 2007 and outlook 2010.
<!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" />

<title>Hindeman Sanchez - November 2010 Newsletter</title>

</head>

<body bgcolor="#ffffff" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">

<div align="center">

<table cellspacing="0" cellpadding="0" border="0" width="650px;">

<tr>

<td colspan="5" align="center" valign="top">`

	<!-- BEGIN: top menu -->

	<table cellspacing="0" cellpadding="0" border="0" width="650px;" >

		<tr>

			<td width="650px;" height="51px;" align="left" valign="top">			

				<table cellspacing="0" cellpadding="0" border="0" width="650px;" >

					<tr >

						<td width="112px;" height="51px;" align="left" valign="top"><a href="http://www.hindmansanchez.com/lawyer-attorney-1205026.html" title="ABOUT US" target="_blank"><img src="http://www.seozones.com/hindmansanchez/images/about-us.jpg" width="112px;" height="51px;" border="0" alt="ABOUT US"></a></td>

						<td width="185px;" height="51px;" align="left" valign="top"><a href="http://www.hoalegislate.com/" title="ABOUT HOA LEGI-SLATE" target="_blank"><img src="http://www.seozones.com/hindmansanchez/images/about-hoa.jpg" width="185px;" height="51px;" border="0" alt="ABOUT HOA LEGI-SLATE"></a></td>

						<td width="111px;" height="51px;" align="left" valign="top"><a href="http://www.hindmansanchez.com/lawyer-attorney-1078540.html" title="EDUCATION" target="_blank"><img src="http://www.seozones.com/hindmansanchez/images/education-tab.jpg" width="111px;" height="51px;" border="0" alt="EDUCATION"></a></td>

						<td width="102px;" height="51px;" align="left" valign="top"><a href="http://www.hindmansanchez.com/lawyer-attorney-1078902.html" title="ARTICLES" target="_blank"><img src="http://www.seozones.com/hindmansanchez/images/articles.jpg" width="102px;" height="51px;" border="0" alt="ARTICLES"></a></td>

						<td width="140px;" height="51px;" align="left" valign="top"><a href="http://www.hindmansanchez.com/lawyer-attorney-1072786.html" title="CONTACT US" target="_blank"><img src="http://www.seozones.com/hindmansanchez/images/contact-us.jpg" width="140px;" height="51px;" border="0" alt="CONTACT US"></a></td>

					</tr>		

				</table>

			</td>

		</tr>

	</table>

	<!-- END: top menu -->

</td>

</tr>



<!-- BEGIN: top banner -->

<tr>

	<td colspan="5" width="650px;" height="162px;" align="center" valign="top">

		<table cellspacing="0" cellpadding="0" border="0" width="650px;" height="162px;" />

			<tr>

				<td width="650px;" height="162px;" align="center" valign="top"><img src="http://www.seozones.com/hindmansanchez/images/top-banner.jpg" width="650px;" height="162px;" border="0" alt=""></td>			

			</tr>

		</table>

	</td>

</tr>	

<!-- END: top banner -->



<!-- BEGIN: main body -->

<tr>

	<!-- BEGIN: left side -->

	<td width="26px;" align="center" valign="top"><img src="http://www.seozones.com/hindmansanchez/images/orange-gradient.jpg" border="0" width="26px;" height="202px;" alt="" /></td>

	<!-- END: left side -->



	<!-- BEGIN: LEFT COLUMN -->

	<td bgcolor="#ffffff" width="154px;" align="left" valign="top">

	

	<div style="padding-top:0px;padding-left:10px;padding-right:5px;">

		

		<!-- START HERE -->

		

		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">Education for Managers</p>

		

		<img src="http://www.seozones.com/hindmansanchez/images/lunch-forums.jpg" width="109px;" border="0" height="27px;" alt="Lunch forums" />

		

		<p style="font: italic bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">October 7</p>

		

		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">Harassment - What is it and what can you do about it?<br />12:00 - 1:30 PM</p>

		

		<p style="font: italic bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">November 4</p>

		

		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">We're in court - How do we become good witnesses?<br />12:00 - 1:30 PM<br /><br />1.5 CMCA Credit Hours</p>

		

		<p>&nbsp;</p>

		

		<img src="http://www.seozones.com/hindmansanchez/images/director-classes.jpg" width="108px;" border="0" height="28px;" alt="Director Classes" />

		

		<p style="font: italic bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">October 14</p>

		

		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">Board Member Basics<br />6:00 - 8:00 PM</p>

		

		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">All forums/classes are held at our Arvada office 5610 Ward Road Suite 300 (1 mile north of I-70) unless otherwise noted<br /><br />Registration is required: <a href="http://www.hindmansanchez.com/lawyer-attorney-1078898.html" style="color:blue; text-decoration:none;" target="_blank" >Click Here to Register</a></p>

		

		<p>&nbsp;</p>

		

		<img src="http://www.seozones.com/hindmansanchez/images/manager-results.jpg" width="109px;" height="27px;" border="0" alt="Manager Results" />

		

		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">It's now budget season for many boards. if your community was created after July 1, 1992, it is subject to the budget process laid out in CCIOA. Below is a checklist to ensure your association is complying with the CCIOA budget requirements or other requirements set forth in the governing documents.<br /><a href="http://www.hindmansanchez.com/index.html" style="color:blue; text-decoration:none;" target="_blank" >[READ FULL STORY]</a></p>

		

		<p>&nbsp;</p>

		

		<img src="http://www.seozones.com/hindmansanchez/images/past-issues.jpg" width="109px;" height="27px;" border="0" alt="Past Issues" />

		

		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;"><a href="http://www.hindmansanchez.com/lawyer-attorney-1082767.html" target="_blank" style="color:blue; text-decoration:none;">View Newsletter Archive</a></p>

		

		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;"><a href="http://www.hindmansanchez.com/index.html" style="color:blue; text-decoration:none;" target="_blank" >Search Past Issues of Community Essentials by Keyword: <em>Essentials</em></a></p>

		

		<!-- END HERE -->

		

	</div>

		

	</td>

	<!-- END: LEFT COLUMN -->

	

	<!-- BEGIN: MIDDLE COLUMN -->

	<td width="342px;" align="left" valign="top">

	

	<div style="padding-left:10px;">

	

		<!-- START HERE -->

	

		<div style="padding-bottom:3px;padding-top:0px;">

		<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:blue;">Anyone interested in selling their condo unit?</p>

		

		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">FHA APPROVAL CUTOFF IS DECEMBER 7. If a condominium community hasn't been FHA certified by that date, unit owners may not be able to close sales. FHA Approval Guidelines WILL change next year. For help getting FHA certification and for answers about the process, contact HindmanSanchez at 303.432.9999</p>

		</div>

		

		<div style="padding-bottom:3px;">

		<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:blue;">Law Suit First Aid: What an HOA Must Do When Sued</p><p style="font: italic normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">by William H. Short, Esq.</p>

		

		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">When the Association is on the receiving end of a lawsuit, there can be very serious consequences for the association unless certain actions are taken property and in a timely way. This article highlights what must be done when the association is named in a lawsuit - what "first aid" should be administered to improve the outcome for the association.</p><p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;"><a href="http://www.hindmansanchez.com/index.html" style="color:blue; text-decoration:none;" target="_blank" >[READ FULL STORY]</a></p>

		</div>

		

		<div style="padding-bottom:3px;">

		<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:blue;">2011 CCIOA Budget Ratification Checklist</p><p style="font: italic normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">by Elina B. Hindley, Esq.</p>

		

		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">It's now budget season for many boards. If your community was created after July 1, 1992, it is subject to the budget process laid out in CCIOA. Below is a checklist to ensure your association is complying with the CCIOA budget requirements or other requirements set forth in the governing documents.</p><p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;"><a href="http://www.hindmansanchez.com/index.html" style="color:blue; text-decoration:none;" target="_blank" >[READ FULL STORY]</a></p>

		</div>

		

		<div style="padding-bottom:3px;">

		<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:blue;">Assessment Collection Q&A</p><p style="font: italic normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">by Amelia J. Adair, Esq.</p>

		

		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">Question: When is the best time to turn over delinquent accounts for collection?

		Answer: The sooner you turn over a delinquent account to an attorney for collection, the better your chances are of recovering that debt.</p><p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;"><a href="http://www.hindmansanchez.com/index.html" style="color:blue; text-decoration:none;" target="_blank" >[READ FULL STORY]</a></p>

		</div>

		

		<div style="padding-bottom:3px;">

		<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:blue;">Media Checklist</p><p style="font: italic normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">by Amelia J. Adair, Esq.</p>

		

		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">There's a reporter on the phone. What do you do next? To make the most of your media opportunity and present your association in the best light possible, prepare by answering this list of questions and reviewing the simple Media Do's and Don'ts.</p><p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;"><a href="http://www.hindmansanchez.com/index.html" style="color:blue; text-decoration:none;" target="_blank" >[READ FULL STORY]</a></p>

		</div>

		

		<div style="padding-bottom:3px;">

		<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:blue;">Meeting Moment - Tips for smoother meetings</p><p style="font: italic normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">by Amelia J. Adair, Esq.</p>

		

		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">Learn how voting cards can help the chair take votes more smoothly during large annual and other meetings with owners.</p><p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;"><a href="http://www.hindmansanchez.com/index.html" style="color:blue; text-decoration:none;" target="_blank" >[READ FULL STORY]</a></p>

		</div>

		

		<div style="padding-bottom:3px;">

		<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color:blue;">CCIOA Corner</p><p style="font: italic normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">by Elina B. Hindley, Esq.</p>

		

		<p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;">Must boards take minutes in executive sessions? What does CCIOA require or allow? What should your minutes reflect?</p><p style="font: normal 10pt 'tahoma','helvetica','arial','sans-serif'; color:black;"><a href="http://www.hindmansanchez.com/index.html" style="color:blue; text-decoration:none;" target="_blank" >[READ FULL STORY]</a></p>

		</div>

		

		<!-- END HERE -->

		

	</div>

		

	</td>

	<!-- END: MIDDLE COLUMN -->

	

	<!-- BEGIN: RIGHT COLUMN -->

	<td width="102px;" align="center" valign="top">		

		<table cellspacing="0" cellpadding="0" border="0" width="102px;" >

			<tr>

				<td width="102px;" align="center" valign="top">			

					<table cellspacing="0" cellpadding="0" border="0" width="102px;" >

						<tr>

							<td width="102px;" height="400" align="center" valign="top">								

							<p>&nbsp;</p>

							<a href="http://www.hindmansanchez.com/lawyer-attorney-1078540.html" title="Education" target="_blank"><img src="http://www.seozones.com/hindmansanchez/images/education-logo.jpg" border="0" width="72px;" height="81px;" alt="Education" /></a>								

						 	</td>

						</tr>

						<tr>

							<td width="112px;" height="300" align="center" valign="top">

							<a href="http://www.hindmansanchez.com/index.html" title="Survey" target="_blank" ><img src="http://www.seozones.com/hindmansanchez/images/survey.jpg" border="0" width="63px;" height="87px;" alt="Survey" /></a>

							</td>

						</tr>

						<tr>

							<td width="112px;" height="600" align="center" valign="bottom">

							<a href="http://www.hindmansanchez.com/index.html" title="Blog" target="_blank" ><img src="http://www.seozones.com/hindmansanchez/images/blog.jpg" border="0" width="74px;" height="60px;" alt="Blog" /></a>

							</td>

						</tr>		

					</table>

				</td>

			</tr>

		</table>			

	</td>		

	<!-- END: RIGHT COLUMN -->

	

	<!-- BEGIN: right side -->

	<td width="26px;" align="center" valign="top"><img src="http://www.seozones.com/hindmansanchez/images/orange-gradient.jpg" border="0" width="26px;" height="202px;" alt="" /></td>

	<!-- END: right side -->

		

</tr>

<!-- END: main body -->



<!-- BEGIN: footer -->

<tr>

	<td width="650px;" height="159px;" colspan="5" align="center" valign="top"><br /><img src="http://www.seozones.com/hindmansanchez/images/footer.jpg" border="0" width="650px;" height="159px;" alt="Hindeman Sanchez" /></td>

</tr>

<!-- END: footer -->



</table>

</div>

</body>

</html>

Open in new window

0
 
LVL 18

Assisted Solution

by:Sudaraka Wijesinghe
Sudaraka Wijesinghe earned 251 total points
ID: 34131683
By the looks of it seems to be a box model related issue (width, padding, etc.).
If you can post the complete HTML and CSS, or provide a link to this page, will be able to help more.
0
 
LVL 18

Expert Comment

by:Sudaraka Wijesinghe
ID: 34131739
The last code you posted looks fine on IE8 and IE7
0
 

Author Comment

by:COwebmaster
ID: 34131746
sudaraka, the code I just posted appears to have issue in IE8 browser.  What version of IE8 do you have?
0
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 

Author Comment

by:COwebmaster
ID: 34131757
here is the url .. http://www.seozones.com/hindmansanchez/final_2.html

I see the picture above where the sides are not aligned.  looks fine in ff and chrome
0
 
LVL 18

Expert Comment

by:Sudaraka Wijesinghe
ID: 34131788
IE8, 8.0.6001.18702 to be exact, but I don't think HTML rendering will differ in sub revisions.

Screenshot.png
0
 

Author Comment

by:COwebmaster
ID: 34131811
ok, cool.  maybe it's my browser then, not sure.  I believe the code is fine  and all the math adds up.  Do you happen to have outlook 2010 or 2007 to see if it comes up fine in there?  I can add you to a list of test emails.
0
 
LVL 44

Assisted Solution

by:scrathcyboy
scrathcyboy earned 83 total points
ID: 34132293
You are making the same mistake many do -- enclosing a table in a DIV.  REMOVE THE DIV !!  It is doing nothing but centering the table, and you do that with the <CENTER> command before the code begins.

After removing the DIV, which is just getting in the way, change the table to a fixed width, add these to the body marginwidth="0" marginheight="0" and experiment with other properties of the table.  Tables rended the same in all browsers, they are the most compatible supported standard of all browser makers, so something like the enclosing DIV is giving you the problem.
0
 
LVL 18

Assisted Solution

by:Sudaraka Wijesinghe
Sudaraka Wijesinghe earned 251 total points
ID: 34133789
Sorry, I don't have outlook, so can't help you with that.
Few tips on HTML emails:
- as long as your page doesn't depend on JavaScript it will work on almost all email clients.
- Try to embed resources like images and CSS in to the email, but don't over do it and make the size of the email too big. (Some SPAM filter block them)
- If you are using external resources (images, CSS) make sure you include them using absolute reference (\w complete url including http://domain....)
- Watch out for line break style you use. Some mail senders/servers, if you use the wrong line break style (depending on the OS) will change the content type to plain text.

Hope this helps.


Also, I have to say something about the scrathcyboy's comment. He is correct about tables being rendered in all browsers equally, however it is not recommended in web design to use tables to display non-tabular data. Simple because you can't get a fluid layout with tables.
Also please not that CENTER tag and some parameters/sub elements of TABLE are already deprecated.
0
 

Author Comment

by:COwebmaster
ID: 34140735
tables are depreciated but when it comes to displaying in outlook tables seem to be the best way to do things.
0
 

Author Comment

by:COwebmaster
ID: 34140839
ok, we're getting closer.  the page looks great in all browsers but still not in outlook 2010 and 2007.  I've attached a photo.  any idea why it is showing up wide below the top image.  I've also attached 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 content="text/html; charset=utf-8" http-equiv="Content-Type" />

		<title>Hindeman Sanchez - November 2010 Newsletter</title>

	</head>

	<body bgcolor="#ffffff" marginwidth="0" marginheight="0" bottommargin="0" leftmargin="0" rightmargin="0" topmargin="0">		

			<table border="1" cellpadding="0" cellspacing="0" height="100%" width="650px;">

				<tbody >

					<tr>

						<td align="center" colspan="5" valign="top" width="650px;">

							<!-- BEGIN: top menu -->

							<table border="0" cellpadding="0" cellspacing="0" width="650px;">

								<tbody>

									<tr>

										<td align="left" height="51px;" valign="top" width="650px;">

											<table border="0" cellpadding="0" cellspacing="0" width="650px;">

												<tbody>

													<tr>

														<td align="left" height="51px;" valign="top" width="112px;">

															<a href="http://www.hindmansanchez.com/lawyer-attorney-1205026.html" target="_blank" title="ABOUT US"><img alt="ABOUT US" border="0" height="51" src="http://www.seozones.com/hindmansanchez/images/about-us.jpg" style="width: 112px; height: 51px;" width="112" /></a></td>

														<td align="left" height="51px;" valign="top" width="185px;">

															<a href="http://www.hoalegislate.com/" target="_blank" title="ABOUT HOA LEGI-SLATE"><img alt="ABOUT HOA LEGI-SLATE" border="0" height="51" src="http://www.seozones.com/hindmansanchez/images/about-hoa.jpg" style="width: 185px; height: 51px;" width="185" /></a></td>

														<td align="left" height="51px;" valign="top" width="111px;">

															<a href="http://www.hindmansanchez.com/lawyer-attorney-1078540.html" target="_blank" title="EDUCATION"><img alt="EDUCATION" border="0" height="51" src="http://www.seozones.com/hindmansanchez/images/education-tab.jpg" style="width: 111px; height: 51px;" width="111" /></a></td>

														<td align="left" height="51px;" valign="top" width="102px;">

															<a href="http://www.hindmansanchez.com/lawyer-attorney-1078902.html" target="_blank" title="ARTICLES"><img alt="ARTICLES" border="0" height="51" src="http://www.seozones.com/hindmansanchez/images/articles.jpg" style="width: 102px; height: 51px;" width="102" /></a></td>

														<td align="left" height="51px;" valign="top" width="140px;">

															<a href="http://www.hindmansanchez.com/lawyer-attorney-1072786.html" target="_blank" title="CONTACT US"><img alt="CONTACT US" border="0" height="51" src="http://www.seozones.com/hindmansanchez/images/contact-us.jpg" style="width: 140px; height: 51px;" width="140" /></a></td>

													</tr>

												</tbody>

											</table>

										</td>

									</tr>

								</tbody>

							</table>

<!-- END: top menu -->						</td>

					</tr>

<!-- BEGIN: top banner -->					<tr>

						<td align="center" colspan="5" height="162px;" valign="top" width="650px;">

							<table border="0" cellpadding="0" cellspacing="0" height="162px;" width="650px;">

								<tbody>

									<tr>

										<td align="center" height="162px;" valign="top" width="650px;">

											<img alt="" border="0" height="162" src="http://www.seozones.com/hindmansanchez/images/top-banner.jpg" style="width: 650px; height: 162px;" width="650" /></td>

									</tr>

								</tbody>

							</table>

						</td>

					</tr>

<!-- END: top banner --><!-- BEGIN: main body -->					<tr>

<!-- BEGIN: left side -->						<td align="center" valign="top" width="26px;">

							<img alt="" border="0" height="202" src="http://www.seozones.com/hindmansanchez/images/orange-gradient.jpg" style="width: 26px; height: 202px;" width="26" /></td>

<!-- END: left side --><!-- BEGIN: LEFT COLUMN -->						<td align="left" bgcolor="#ffffff" valign="top" width="154px;">

							<div style="padding-top: 0px; padding-left: 10px; padding-right: 5px;">

<!-- START HERE -->								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

									Education for Managers</p>

								<img alt="Lunch forums" border="0" height="27" src="http://www.seozones.com/hindmansanchez/images/lunch-forums.jpg" style="width: 109px; height: 27px;" width="109" />

								<p style="font: italic bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

									October 7</p>

								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

									Harassment - What is it and what can you do about it?<br />

									12:00 - 1:30 PM</p>

								<p style="font: italic bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

									November 4</p>

								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

									We&#39;re in court - How do we become good witnesses?<br />

									12:00 - 1:30 PM<br />

									<br />

									1.5 CMCA Credit Hours</p>

								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

									<em><strong>December 25</strong></em></p>

								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

									It&#39;s Christmas time in the Rockies!&nbsp; Gather around Brycie!</p>

								<p>

									&nbsp;</p>

								<img alt="Director Classes" border="0" height="28" src="http://www.seozones.com/hindmansanchez/images/director-classes.jpg" style="width: 108px; height: 28px;" width="108" />

								<p style="font: italic bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

									October 14</p>

								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

									Board Member Basics<br />

									6:00 - 8:00 PM</p>

								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

									All forums/classes are held at our Arvada office 5610 Ward Road Suite 300 (1 mile north of I-70) unless otherwise noted<br />

									<br />

									Registration is required</p>

								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

									<a href="http://www.hindmansanchez.com/lawyer-attorney-1078898.html" style="color: blue; text-decoration: none;" target="_blank">[REGISTER HERE]</a></p>

								<p>

									&nbsp;</p>

								<img alt="Manager Results" border="0" height="27" src="http://www.seozones.com/hindmansanchez/images/manager-results.jpg" style="width: 109px; height: 27px;" width="109" />

								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

									It&#39;s now budget season for many boards. if your community was created after July 1, 1992, it is subject to the budget process laid out in CCIOA. Below is a checklist to ensure your association is complying with the CCIOA budget requirements or other requirements set forth in the governing documents.</p>

								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

									<a href="http://www.hindmansanchez.com/index.html" style="color: blue; text-decoration: none;" target="_blank">[READ FULL STORY]</a></p>

								<p>

									&nbsp;</p>

								<img alt="Past Issues" border="0" height="27" src="http://www.seozones.com/hindmansanchez/images/past-issues.jpg" style="width: 109px; height: 27px;" width="109" />

								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

									<a href="http://www.hindmansanchez.com/lawyer-attorney-1082767.html" style="color: blue; text-decoration: none;" target="_blank">View Newsletter Archive</a></p>

								<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

									<a href="http://www.hindmansanchez.com/index.html" style="color: blue; text-decoration: none;" target="_blank">Search Past Issues of Community Essentials by Keyword: <em>Essentials</em></a></p>

<!-- END HERE -->							</div>

						</td>

<!-- END: LEFT COLUMN --><!-- BEGIN: MIDDLE COLUMN -->						<td align="left" valign="top" width="342px;">

							<div style="padding-left: 10px;">

<!-- START HERE -->								<div style="padding-bottom: 3px; padding-top: 0px;">

									<div style="padding-bottom: 3px;">

										<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: blue;">

											When to Call it Quits</p>

										<p style="font: italic 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

											by Mike Waller, Esq.</p>

										<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

											We live in a day and age where there is a ton of things around us that really are...</p>

										<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

											<a href="http://www.hindmansanchez.com/index.html" style="color: blue; text-decoration: none;" target="_blank">[READ FULL STORY]</a></p>

									</div>

									<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: blue;">

										Anyone interested in selling their condo unit?</p>

									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										FHA APPROVAL CUTOFF IS DECEMBER 7. If a condominium community hasn&#39;t been FHA certified by that date, unit owners may not be able to close sales. FHA Approval Guidelines WILL change next year. For help getting FHA certification and for answers about the process, contact HindmanSanchez at 303.432.9999</p>

								</div>

								<div style="padding-bottom: 3px;">

									<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: blue;">

										Law Suit First Aid: What an HOA Must Do When Sued</p>

									<p style="font: italic 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										by William H. Short, Esq.</p>

									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										When the Association is on the receiving end of a lawsuit, there can be very serious consequences for the association unless certain actions are taken property and in a timely way. This article highlights what must be done when the association is named in a lawsuit - what &quot;first aid&quot; should be administered to improve the outcome for the association.</p>

									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										<a href="http://www.hindmansanchez.com/index.html" style="color: blue; text-decoration: none;" target="_blank">[READ FULL STORY]</a></p>

								</div>

								<div style="padding-bottom: 3px;">

									<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: blue;">

										2011 CCIOA Budget Ratification Checklist</p>

									<p style="font: italic 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										by Elina B. Hindley, Esq.</p>

									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										It&#39;s now budget season for many boards. If your community was created after July 1, 1992, it is subject to the budget process laid out in CCIOA. Below is a checklist to ensure your association is complying with the CCIOA budget requirements or other requirements set forth in the governing documents.</p>

									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										<a href="http://www.hindmansanchez.com/index.html" style="color: blue; text-decoration: none;" target="_blank">[READ FULL STORY]</a></p>

								</div>

								<div style="padding-bottom: 3px;">

									<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: blue;">

										Assessment Collection Q&amp;A</p>

									<p style="font: italic 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										by Amelia J. Adair, Esq.</p>

									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										Question: When is the best time to turn over delinquent accounts for collection? Answer: The sooner you turn over a delinquent account to an attorney for collection, the better your chances are of recovering that debt.</p>

									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										<a href="http://www.hindmansanchez.com/index.html" style="color: blue; text-decoration: none;" target="_blank">[READ FULL STORY]</a></p>

								</div>

								<div style="padding-bottom: 3px;">

									<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: blue;">

										Media Checklist</p>

									<p style="font: italic 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										by Amelia J. Adair, Esq.</p>

									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										There&#39;s a reporter on the phone. What do you do next? To make the most of your media opportunity and present your association in the best light possible, prepare by answering this list of questions and reviewing the simple Media Do&#39;s and Don&#39;ts.</p>

									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										<a href="http://www.hindmansanchez.com/index.html" style="color: blue; text-decoration: none;" target="_blank">[READ FULL STORY]</a></p>

								</div>

								<div style="padding-bottom: 3px;">

									<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: blue;">

										Meeting Moment - Tips for smoother meetings</p>

									<p style="font: italic 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										by Amelia J. Adair, Esq.</p>

									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										Learn how voting cards can help the chair take votes more smoothly during large annual and other meetings with owners.</p>

									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										<a href="http://www.hindmansanchez.com/index.html" style="color: blue; text-decoration: none;" target="_blank">[READ FULL STORY]</a></p>

								</div>

								<div style="padding-bottom: 3px;">

									<p style="font: bold 10pt 'tahoma','helvetica','arial','sans-serif'; color: blue;">

										CCIOA Corner</p>

									<p style="font: italic 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										by Elina B. Hindley, Esq.</p>

									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										Must boards take minutes in executive sessions? What does CCIOA require or allow? What should your minutes reflect?</p>

									<p style="font: 10pt 'tahoma','helvetica','arial','sans-serif'; color: black;">

										<a href="http://www.hindmansanchez.com/index.html" style="color: blue; text-decoration: none;" target="_blank">[READ FULL STORY]</a></p>

								</div>

<!-- END HERE -->							</div>

						</td>

<!-- END: MIDDLE COLUMN --><!-- BEGIN: RIGHT COLUMN -->						<td align="center" valign="top" width="102px;">

							<table border="0" cellpadding="0" cellspacing="0" width="102px;">

								<tbody>

									<tr>

										<td align="center" valign="top" width="102px;">

											<table border="0" cellpadding="0" cellspacing="0" width="102px;">

												<tbody>

													<tr>

														<td align="center" height="400" valign="top" width="102px;">

															<p>

																&nbsp;</p>

															<a href="http://www.hindmansanchez.com/lawyer-attorney-1078540.html" target="_blank" title="Education"><img alt="Education" border="0" height="81" src="http://www.seozones.com/hindmansanchez/images/education-logo.jpg" style="width: 72px; height: 81px;" width="72" /></a></td>

													</tr>

													<tr>

														<td align="center" height="300" valign="top" width="112px;">

															<a href="http://www.hindmansanchez.com/index.html" target="_blank" title="Survey"><img alt="Survey" border="0" height="87" src="http://www.seozones.com/hindmansanchez/images/survey.jpg" style="width: 63px; height: 87px;" width="63" /></a></td>

													</tr>

													<tr>

														<td align="center" height="600" valign="bottom" width="112px;">

															<a href="http://www.hindmansanchez.com/index.html" target="_blank" title="Blog"><img alt="Blog" border="0" height="60" src="http://www.seozones.com/hindmansanchez/images/blog.jpg" style="width: 74px; height: 60px;" width="74" /></a></td>

													</tr>

												</tbody>

											</table>

										</td>

									</tr>

								</tbody>

							</table>

						</td>

<!-- END: RIGHT COLUMN --><!-- BEGIN: right side -->						<td align="center" valign="top" width="26px;">

							<img alt="" border="0" height="202" src="http://www.seozones.com/hindmansanchez/images/orange-gradient.jpg" style="width: 26px; height: 202px;" width="26" /></td>

<!-- END: right side -->					</tr>

<!-- END: main body --><!-- BEGIN: footer -->					<tr>

						<td align="center" colspan="5" height="159px;" valign="top" width="650px;">

							<br />

							<img alt="Hindeman Sanchez" border="0" height="159" src="http://www.seozones.com/hindmansanchez/images/footer.jpg" style="width: 650px; height: 159px;" width="650" /></td>

					</tr>

<!-- END: footer -->				</tbody>

			</table>

		</body>

</html>

Open in new window

outlook.jpg
0
 

Author Comment

by:COwebmaster
ID: 34168506
I had px; in the width and height in the table and td cells which was causing the issue.
0
 

Author Closing Comment

by:COwebmaster
ID: 35838661
Thanks!
0

Featured Post

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

706 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now