I think charset:windows-1254 should make the Turkish chars available on page but they dont come, here is my full code:
<html><head>
<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<title>Marmara İnşaat</title>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginheight="0" marginwidth="0" bgcolor="#FFFFFF">
<table border="0" width="100%" cellspacing="0" cellpadding="0" background="img/topbkg.gif">
<tr>
<td width="50%"><img border="0" src="img/toplogo.gif" width="142" height="66"></td>
<td width="50%">
<p align="right"><img border="0" src="img/topright.gif" width="327" height="66"> </td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0" background="img/blackline.gif">
<tr>
<td width="100%"><font color="#B8C0F0" face="Arial" size="2"><b>
Ana Sayfa </b></font></td>
</tr>
</table>
<p style="margin-left: 20"><b><font color="#B8C0F0" face="Arial" size="20"> </font></b><font face="Arial" size="20" color="#0000FF"><p><b>Tüm müşterilerimizin Ramazan bayramı kutlu olsun!</b></p>
<p><b>Mutlu Bayramlar.</b></p>
</font></p>
<p style="margin-left: 20"><font face="Arial" size="2" color="#000000"> </font></p>
<p style="margin-left: 20"><font face="Arial" size="2" color="#000000"> </font></p>
<p style="margin-left: 20"><font face="Arial" size="2" color="#000000"> </font></p>
<p style="margin-left: 20"><font face="Arial" size="2" color="#000000"> </font> </p>
<p style="margin-left: 20" align="center"><font face="Arial" color="#000000" size="1">©
Tüm Haklari Saklidir www.marmarains.com</font></p>
<p style="margin-right: 20" align="right"><font face="Arial" color="#000000" size="1">
<br>Marmara İnşaat,Dekorasyon,Gida<br></font></p>
<table border="0" width="100%" cellspacing="0" cellpadding="0" background="img/botline.gif">
<tr>
<td width="100%"><img border="0" src="img/botline.gif" width="41" height="12"></td>
</tr>
</table>
</body>
</html>
For example instead of "Marmara Insaat" I would like to have "Marmara İnşaat"
Thanks!
The document has not been saved in the windows-1254 encoding. Many programs cannot even produce data in that encoding. But when properly written in that encoding, the page works as is (well, in this respect; there are coding errors in other areas there.
It is however generally (and officially) advisable to use UTF-8 instead, as you have now done, according a comment. This, too, requires a match between the actual encoding (in which the data is saved) and the declared encoding (as per a meta tag or otherwise).
Related
I have a problem with an old website that is only used in the company INTRANET. The site works without problems with Mozilla Firefox and Internet Explorer, but with the Edge Browser it is not displayed correctly.
On EDGE the frameset is not displayed correctly.
Unfortunately I cannot upload the code in full as it contains sensitive data, I have created screenshots to make you understand the problem and I hope it is understandable.
HOMEPAGE --> and click for example on "Test1
TEST1 --> it appears smoothly with all browsers
by clicking on the right frame, for example on "Test6"
The content that should be displayed in the middle is displayed on the left side of the page
If, on the other hand, I open the page with Firefox or Internet Explorer, it is displayed correctly as requested by me
With IE other Firefox
Here I try to put part of the code
<html>
<head>
<title>Home</title>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta NAME="keywords"
CONTENT="home">
</head>
<frameset framespacing="0" border="false" frameborder="0" cols="191,*">
<frame name="Links" scrolling="no" noresize target="ROben" src="index_links.htm">
<frameset rows="9%,*">
<frame name="ROben" target="_RUnten" src="index_oben.htm" scrolling="no" noresize>
<frame name="RUnten" src="index_text.htm" scrolling="auto" noresize target="_top">
</frameset>
<noframes>
<body>
<p>Diese Seite verwendet Frames. Frames werden von Ihrem Browser aber nicht unterstützt.</p>
</body>
</noframes>
</frameset>
</html>
html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<base target="Links">
<title>Bereich Frame - TEST1</title>
<style type="text/css">
<!-- A {text-decoration : none;}-->
</style>
</head>
<body bgcolor="#FFFFFF" topmargin="5" leftmargin="5" marginwidth="5" marginheigth="5" text="#000000" link="#6699CC" vlink="#6699CC" alink="#FFCC33">
<font size="2" color="#000000" face="Arial, Geneva, Helvetica"><div align="left">
<table border="0" width="190">
<tr>
<td colspan="2" width="186"><font size="2" color="#000000"><u><b><br>
</b>verfügbare Optionen:</u></font><p> </td>
</tr>
<tr>
<td width="21" valign="top" align="right"><font size="2" color="#000000"><img src="../pics/arrow_r1.gif" border="0" width="15" height="14"></font></td>
<td width="161"><b><font size="2" color="000000">test6</font></b><font size="1"> </font></td>
</tr>
<tr>
<td width="21" valign="top" align="right"></td>
<td width="161"><br>
<font size="2" color="#FFFFFF">...</font></td>
</tr>
<tr>
<td width="21" valign="top" align="right"><font size="2" color="#000000"><img src="../pics/arrow_r1.gif" border="0" width="15" height="14"></font></td>
<td width="161"><b><font size="2" color="#000000">test7</font></b></td>
</tr>
<tr>
<td width="21" valign="top" align="right"></td>
<td width="161"><br>
<font size="2" color="#FFFFFF">...</font></td>
</tr>
<tr>
<td width="21" valign="top" align="right"><font size="2" color="#000000"><img src="../pics/arrow_r1.gif" border="0" width="15" height="14"></font></td>
<td width="161"><b><font size="2" color="#000000">test8</font></b></td>
</tr>
<tr>
<td width="21" valign="top" align="right"></td>
<td width="161"><br>
<font size="2" color="#FFFFFF">...</font></td>
</tr>
<tr>
<td width="21" valign="top" align="right"><font size="2" color="#000000"><img src="../pics/arrow_r1.gif" border="0" width="15" height="14"></font></td>
<td width="161"><b><font size="2" color="#000000">test9</font></b></td>
</tr>
<tr>
<td width="21"></td>
<td width="161"><br>
<font size="2" color="#FFFFFF">...</font></td>
</tr>
<tr>
<td width="21"></td>
<td width="161"><br>
<br>
<font size="2" color="#FFFFFF">...</font></td>
</tr>
<tr>
<td width="21"></td>
<td width="161"><font size="1" color="#000000"><b>Downloadinformationen</b></font></td>
</tr>
<tr>
<td width="21"></td>
<td width="161"></td>
</tr>
</table>
</div></font>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<title>TEST6</title>
<style type="text/css">
<!-- A {text-decoration : none;}-->
</style>
</head>
<body bgcolor="#FFFFFF" topmargin="5" leftmargin="5" marginwidth="5" marginheigth="5" text="#000000" link="#6699CC" vlink="#6699CC" alink="#FFCC33">
<font face="Arial, Geneva, Helvetica" size="2" color="#000000">
<table border="0" width="100%">
<tr>
<td width="640" background="../../pics/blau1.gif"><p align="left"><font
size="3"><b>TEST6</b></font></td>
</tr>
</table>
etc...etc...etc...
I hope I was clear, sorry for my English and thank you in advance.
Coding an email and the rendering is fine on all other versions of Outlook save for 2013. When testing via litmus and actual Outlook2013, the table with the Japanese content / image expands. It's a pretty straight forward HTML table. See anything that I've missed?
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
</head>
<body>
<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 600px">
<tr>
<td colspan="3">
<img src="http://images.ic.maximintegrated.com/EloquaImages/clients/MaximIntegratedProductsInc/%7Beb6785c3-c02f-40db-b10c-0a175e2820d5%7D_Re-engagement_header_2.jpg">
</td>
</tr>
<tr>
<td width="20"> </td>
<td width="560" style="padding-top:30px;">
<table width="560" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="font-family:Arial, Helvetica,sans-serif;font-size:24px;color:#6E2585;font-weight:bold;font-height:27px;padding-bottom:30px;">
ワイヤレススピーカーが当たる耳よりな情報です
</td>
</tr>
<tr>
<td style="padding-bottom:30px;">
<table width="560" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000" height="110" valign="top" width="362">
<b>
<font style="font-size:16px;">お客様のMyMaximアカウントを更新して、60ドル相当のRoxBoxスピーカーが当たるキャンペーンに応募する</font></b>
<br>
<br>
MyMaximの会員特典は以前よりさらに良くなり、今、お客様情報を更新するだけで、マキシムの抽選に自動的に応募することができます。EE-Simツールを使って<b>カスタムの回路設計を数分で作成し</b>、1つのプロファイルで<b>技術サポートをいち早く受けることができます</b>。さらに、カスタマイズ可能なパネルを使って<b>１カ所ですべての情報を見つけることができます</b>。</td>
<td width="198" style="text-align:center;" align="center">
<center>
<img src="http://images.ic.maximintegrated.com/EloquaImages/clients/MaximIntegratedProductsInc/{dbe437de-2c33-4a04-a64c-59741cb0622f}_Wireless-Speaker.gif" style="display:block;" width="190">
</center>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div>
<!--[if gte mso 9]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://ic.maximintegrated.com/FY16_Q1_2015_SEP_ReEngagement_LP_Japanese_MC?utm_source=eloqua&utm_medium=email&utm_content=Enter_Now&utm_campaign=FY16_Q1_2015_SEP_ReEngagement_Japanese_MC
" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="12%" stroke="f" fillcolor="#6e2585">
<w:anchorlock/>
<center>
<![endif]-->
<a href="http://ic.maximintegrated.com/FY16_Q1_2015_SEP_ReEngagement_LP_Japanese_MC?utm_campaign=H1%20Thank%20You%201%20-%20MC%20-%20JW%20Test&utm_medium=email&utm_source=Eloqua&utm_source=eloqua&utm_medium=email&utm_content=Enter_Now&utm_campaign=FY16_Q1_2015_SEP_ReEngagement_Japanese_MC
&elq=e734b2e1380b458c974801d66f3f0f90&elqCampaignId=&elqaid=508&elqat=1&elqTrackId=0e27b1ed2bf440979ad85531ba29d364" style="background-color:#6e2585;border-radius:4px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:16px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;">今すぐ応募する ></a>
<!--[if mso]>
</center>
</v:roundrect>
<![endif]-->
</div>
</td>
</tr>
</table>
</td>
<td width="20"> </td>
</tr>
</table>
</body>
</html>
If I add "word-break:break-all" CSS to it, it works. I think the issue is just that MSO did not recognize a place to break the string, so it flowed out and stretched the table. No idea why this only happened in 2013 nor anything really on this. But by testing, this worked via EmailonAcid and on live tests I sent to myself. Below is code I used:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
</head>
<body>
<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 600px">
<tr>
<td colspan="3">
<img src="http://images.ic.maximintegrated.com/EloquaImages/clients/MaximIntegratedProductsInc/%7Beb6785c3-c02f-40db-b10c-0a175e2820d5%7D_Re-engagement_header_2.jpg">
</td>
</tr>
<tr>
<td width="20"> </td>
<td width="560" style="padding-top:30px;">
<table width="560" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="font-family:Arial, Helvetica,sans-serif;font-size:24px;color:#6E2585;font-weight:bold;font-height:27px;padding-bottom:30px;">
ワイヤレススピーカーが当たる耳よりな情報です
</td>
</tr>
<tr>
<td style="padding-bottom:30px;">
<table width="560" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000; word-break:break-all;" height="110" valign="top" width="362">
<b>
<font style="font-size:16px; word-break:break-all;">お客様のMyMaximアカウントを更新して、60ドル相当のRoxBoxスピーカーが当たるキャンペーンに応募する</font></b>
<br>
<br>
MyMaximの会員特典は以前よりさらに良くなり、今、お客様情報を更新するだけで、マキシムの抽選に自動的に応募することができます。EE-Simツールを使って<b>カスタムの回路設計を数分で作成し</b>、1つのプロファイルで<b>技術サポートをいち早く受けることができます</b>。さらに、カスタマイズ可能なパネルを使って<b>１カ所ですべての情報を見つけることができます</b>。</td>
<td width="198" style="text-align:center;" align="center">
<center>
<img src="http://images.ic.maximintegrated.com/EloquaImages/clients/MaximIntegratedProductsInc/{dbe437de-2c33-4a04-a64c-59741cb0622f}_Wireless-Speaker.gif" style="display:block;" width="190">
</center>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div>
<!--[if gte mso 9]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://ic.maximintegrated.com/FY16_Q1_2015_SEP_ReEngagement_LP_Japanese_MC?utm_source=eloqua&utm_medium=email&utm_content=Enter_Now&utm_campaign=FY16_Q1_2015_SEP_ReEngagement_Japanese_MC
" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="12%" stroke="f" fillcolor="#6e2585">
<w:anchorlock/>
<center>
<![endif]-->
<a href="http://ic.maximintegrated.com/FY16_Q1_2015_SEP_ReEngagement_LP_Japanese_MC?utm_campaign=H1%20Thank%20You%201%20-%20MC%20-%20JW%20Test&utm_medium=email&utm_source=Eloqua&utm_source=eloqua&utm_medium=email&utm_content=Enter_Now&utm_campaign=FY16_Q1_2015_SEP_ReEngagement_Japanese_MC
&elq=e734b2e1380b458c974801d66f3f0f90&elqCampaignId=&elqaid=508&elqat=1&elqTrackId=0e27b1ed2bf440979ad85531ba29d364" style="background-color:#6e2585;border-radius:4px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:16px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;">今すぐ応募する ></a>
<!--[if mso]>
</center>
</v:roundrect>
<![endif]-->
</div>
</td>
</tr>
</table>
</td>
<td width="20"> </td>
</tr>
</table>
</body>
</html>
I have received a html block of code (email template so lots of tables) that I have to work with that has no spacing or indentation aand is essentially all on one line. It's a nightmare to try and edit it.
Does anyone know of any online tools or applications that you can copy and paste code into where it organises it for you?
olor="#e5e5e5" alink="#000000" class="yfix" leftmargin="0" rightmargin="0" topmargin="0"> <!--//--> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td width="100%" valign="top" bgcolor="#e5e5e5" align="center"> <table width="698" cellspacing="0" cellpadding="0" border="0"> <tr> <td width="5"><img hspace="0" height="1" width="5" src="http://info.page7media.ie/img/trans.gif" /></td> <td align="left"> <table width="688" cellspacing="0" cellpadding="0" border="0"> <tr> <td height="10"><a name="top_of_mail"></a></td> </tr> <tr> <td align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="red" style="font-size: 12px; line-height: 17px;">If you are unable to see this message, click <a target="_blank" href="http://info.page7media.ie/u/gm.php?UID=JJ20yz3nz2&ID=279438389_478447_36061" style="text-decoration: underline;"><font face="Arial, Helvetica, sans-seri
Try Dirty Markup, it cleaned this markup up nicely
http://www.dirtymarkup.com/
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
olor="#e5e5e5" alink="#000000" class="yfix" leftmargin="0" rightmargin="0"
topmargin="0"> <!--//-->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" style="background-color: #E5E5E5" valign="top"
width="100%">
<table border="0" cellpadding="0" cellspacing="0" width="698">
<tr>
<td width="5"><img height="1" hspace="0" src=
"http://info.page7media.ie/img/trans.gif" width=
"5"></td>
<td align="left">
<table border="0" cellpadding="0" cellspacing="0"
width="688">
<tr>
<td height="10">
<a id="top_of_mail" name=
"top_of_mail"></a>
</td>
</tr>
<tr>
<td align="center">
If you are unable to see this message,
click <a href=
"http://info.page7media.ie/u/gm.php?UID=JJ20yz3nz2&ID=279438389_478447_36061"
style="text-decoration: underline;"
target="_blank"></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
You're looking for something called a "beautifier".
Here's an online beautifier that supports HTML: http://ctrlq.org/beautifier/
I beautified it for you but noticed the beginning of your code sample is missing.
olor="#e5e5e5" alink="#000000" class="yfix" leftmargin="0" rightmargin="0" topmargin="0">
<!--//-->
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="100%" valign="top" bgcolor="#e5e5e5" align="center">
<table width="698" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="5">
<img hspace="0" height="1" width="5" src="http://info.page7media.ie/img/trans.gif" />
</td>
<td align="left">
<table width="688" cellspacing="0" cellpadding="0" border="0">
<tr>
<td height="10">
<a name="top_of_mail">
</a>
</td>
</tr>
<tr>
<td align="center">
<font face="Arial, Helvetica, sans-serif" size="2" color="red" style="font-size: 12px; line-height: 17px;">
If you are unable to see this message, click
<a target="_blank" href="http://info.page7media.ie/u/gm.php?UID=JJ20yz3nz2&ID=279438389_478447_36061" style="text-decoration: underline;">
<font face="Arial, Helvetica, sans-seri
Use an online code formatter.
http://ctrlq.org/beautifier/
I grabbed the first one that looked interesting. There are others out there.
http://bit.ly/1Eqgeqr
I have an html file that looks like
<HTML>
<BODY>
<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="400" align="right" valign="top" class="text_rail_left"></td>
<td width="100%" align="left" valign="top" class="text_back_color"><table border="0" cellPadding="0" cellSpacing="0" width="100%"><tr>
</tr><tr>
<td width="100%" align="left" align="top"><table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td align="center" valign="top" class="inside_heading_text">Train Names with Details</td>
</tr> <tr>
<td><b><BR><BR> SORRY !!! No Matching buses Found</b></td></tr>
<tr><td>
</td></tr></table>
<td align="left" valign="top" class="pad_self"><table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr><td align="right" valign="top"> </td>
</tr></table></td>
</tr></table></td>
<td align="left" valign="top" class="text_rail_right"> </td>
</tr>
<tr>
<td width="10" align="left" valign="top"><img src="http://www.indianrail.gov.in/main_text_left_bottom2.gif" alt="" width="8"/></td>
<td width="100%" align="left" valign="top" class="text_rail_bottom"><img src="http://www.indianrail.gov.in/blank.gif" alt="" width="1" height="8" /></td>
<td width="10" align="right" valign="top"> <img src="http://www.indianrail.gov.in/main_text_right_bottom2.gif" alt="" width="8" /></td>
</tr></table><body>
<FONT size=1>No. of Queries : 0839425885
, Server : YAMUNA
, Dated : 15-05-2014 Time:07:15:26 Hrs</font></td></tr></table></td></tr> </table></td></tr></table></td></tr></table></td></tr><tr><td align="left"valign="top"><table width="970" border="0" cellspacing="0" cellpadding="0"><tr> <td width="9" align="left" valign="top"><img src="http://www.indianrail.gov.in/images/footer_upper_lft.gif" alt="" width="9" height="49" /></td><td width="100%%" align="left" valign="top" class="footer_upper"><table width="100%%" border="0" cellspacing="1" cellpadding="0"><tr><td align="center" valign="top" class="main_footer_upper">Home | Ministry of Railways | Trains between Stations | Booking Locations | CRIS | CONCERT | Advertise with CRIS | Railway Map | FAQ | Sitemap | Feedback</td></tr><tr><td align="center"valign="top" class="copy_footer" style="padding-top:3px;"><span class="main_footer_copy">Copyright</span> © 2010, Centre For Railway Information Systems, Designed and Hosted by CRIS | <span class="main_footer_copy">Disclaimer</span><br />Best viewed at 1024 x 768 resolution with Internet Explorer 5.0 or Mozila Firefox 3.5 and higher</td></tr> </table></td><td width="9" align="right" valign="top"><img src="http://www.indianrail.gov.in/images/footer_upper_rgt.gif" alt="" width="9" height="49" /></td></tr></table></td></tr></table></td></tr></table><script type="text/javascript">anylinkmenu.init("menuanchorclass")</script>
</BODY>
</HTML>
I want to write an xpath query to read the string
SORRY !!! No Matching buses Found
There's no unique class that identifies the class with the string. I tried the xpath query
#"//td[#class='inside_heading_text']/tr"
but it doesnt seem to work.
Can someone point me in the right direction? I'm using the ONO library in Objective-C to parse the html.
Well, this would get you the container of the "SORRY" text
//*[contains(text(),'SORRY')]
I recommend firefinder extension for firebug (on firefox) for an easy way to try xpaths.
That's some ugly HTML you got there.
There are unclosed elements, repeated td/#align attributes, etc. You're going to have to clean it up first if you want to use XPath.
If you can manually or automatically clean it up at least to this point:
<?xml version="1.0" encoding="utf-8"?>
<HTML>
<BODY>
<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="400" align="right" valign="top" class="text_rail_left">
</td>
<td width="100%" align="left" valign="top" class="text_back_color">
<table border="0" cellPadding="0" cellSpacing="0" width="100%">
<tr>
</tr>
<tr>
<td width="100%" align="left">
<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td align="center" valign="top" class="inside_heading_text">Train Names with Details</td>
</tr>
<tr>
<td>
<b>
<BR/>
<BR/> SORRY !!! No Matching buses Found</b>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td align="left" valign="top" class="text_rail_right"></td>
</tr>
</TABLE>
</BODY>
</HTML>
Then this XPath will select the "SORRY..." text given the inside_heading_text point of reference that you mention:
//td[#class='inside_heading_text']/../following-sibling::tr[1]/td[1]/b
I have a simmple HTML table that I just cant seem to fix.
I am trying to display data like so:
<-Previous Next->
51 to 100 of 10151 records
Below is the html code. I have taken out the dynamic language part that adds 'Previous' depending on what page the user is on:
EDIT: After all the responses I've changed the code to following. but still alignment is the same. >_<
<table width="100%" border="0">
<tbody>
<tr align="center">
<td bgcolor="#ffffff" color="white" align="center" colspan="2">
<!--some form elements go here!-->
<!--I just replaced tags with some text for testing-->
<font face="Arial" size="2"><strong>Previous</strong></font>
Previous
</td>
<td bgcolor="#ffffff" color="white" align="center" colspan="2">
Next
</td>
</tr>
<tr align="center">
<td align="center"><font face="arial" size="2"><b>51 to 100 of 10151</b> </font>
</td>
</tr>
</tbody>
</table>
Expected output is above but what I am getting from the code is:
Previous Next Group
51 to 100 of 10151 Households
I have been doing trial and error for quite some time now so need some help!
Why do you need table cells for both the Previous and Next text? Why not just put them in the same <td>?
<table width="100%" border="0">
<tbody>
<tr align="center">
<td bgcolor="#ffffff" color="white" align="center" colspan="2">
Previous Next
</td>
</tr>
<tr align="center">
<td align="center"><font face="arial" size="2"><b>51 to 100 of 10151</b></font></td>
</tr>
</tbody>
</table>
Did I miss a requirement?
You need to escape the attributes:
Value="<<Previous"
should be
Value="<<Previous"
Add a colspan="2" to the td in the second row.
use html entities to show < and > characters on the screen. < is < and > is >
Something that will also help is to use an editor that has syntax highlighting and you can catch these mistakes more easily
For starters, after your first row (<tr>...</tr>), you fail to start another row. Also, you need to column span the cell in the next row to make it take up the space under both cells in the row above it, not just the first one:
<tr>
<td align="center" colspan="2"><font....>....</td>
</tr>
Also, you have other HTML issues (you need to escape out HTML entities such as < and > if you want them to appear in your text), so you might want to run that through an editor that understands HTML or otherwise validate it.
You're missing some tags and quotes, and escape characters as others have mentioned.
You can try using the htmlvalidator at w3c.
http://validator.w3.org/#validate-by-input
<table width="100%" border="0">
<tr align="center">
<td bgcolor="#ffffff" color="white" align="center">
<!--some form elements go here!-->
<font face="Arial" size="2"><strong>Previous</strong></font>
<Input id='previuesButton' Type="image" alt="Previous" src="/eiv/images/prev.gif" value="<<Previous" name=previuesButton ACCESSKEY="B">
</td>
<td bgcolor="#ffffff" color="white" align="center">
<font face="Arial" size="2"><strong>Next Group</strong></font>
<Input id='nextButton' alt="Next" Type="image" src="/eiv/images/next.gif" Value="Next>>" name=nextButton ACCESSKEY="B">
</td>
</tr>
<tr>
<td align="center" colspan="2"><font face="arial" size="2"><b>51 to 100 of 10151</b> </font></td>
</tr>
</table>
You were missing a starting and ending row tag as well as a colspan in the bottom column. Try the above to see if that works out for you. Also you need to swap the less than and greater than characters for their equivalents (as shown above).
Are you having a problem with greater than or less than signs?
Try this:
<table width="100%" border="0">
<tbody>
<tr align="center">
<td bgcolor="#ffffff" color="white" align="center">
<!--some form elements go here!-->
<font face="Arial" size="2"><strong><-Previous</strong></font>
<Input id='previuesButton' Type="image" alt="Previous" src="/eiv/images/prev.gif"
Value="<<Previous" name=previuesButton ACCESSKEY="B">
</td>
<td bgcolor="#ffffff" color="white" align="center">
<font face="Arial" size="2"><strong>Next Group-></strong></font>
<Input id='nextButton' alt="Next" Type="image" src="/eiv/images/next.gif" Value="
Next>> "name=nextButton ACCESSKEY="B">
</td>
</tr>
<td align="center"><font face="arial" size="2"><b>51 to 100 of 10151</b> </font>
</td>
</tbody>
That help?
Your code, with:
The missing tags for the second row added in.
The arrows converted to html entities.
The missing quotes added in.
Your spelling corrected.
Try running your html through the w3c validator next time. Hope it helps.
<table width="100%" border="0">
<tbody>
<tr align="center">
<td bgcolor="#ffffff" color="white" align="center">
<font face="Arial" size="2"><strong>Previous</strong></font>
<Input id='previousButton' Type="image" alt="Previous" src="/eiv/images/prev.gif"
Value="<<Previous" name="previousButton" ACCESSKEY="B">
</td>
<td bgcolor="#ffffff" color="white" align="center">
<font face="Arial" size="2"><strong>Next Group</strong></font>
<Input id='nextButton' alt="Next" Type="image" src="/eiv/images/next.gif" Value="
Next >>" name="nextButton" ACCESSKEY="B"></td>
</tr>
<tr>
<td align="center" colspan="2"><font face="arial" size="2"><b>51 to 100 of 10151</b></font>
</td>
</tr>
</tbody>
</table>