Wrox Programmer Forums

Need to download code?

View our list of code downloads.

Go Back   Wrox Programmer Forums > Web Programming > HTML > HTML Code Clinic
Password Reminder
Register
Register | FAQ | Members List | Calendar | Search | Today's Posts | Mark Forums Read
HTML Code Clinic Do you have some HTML code you'd like to share and get suggestions from others for tweaking or improving it? This discussion is the place.
Welcome to the p2p.wrox.com Forums.

You are currently viewing the HTML Code Clinic section of the Wrox Programmer to Programmer discussions. This is a community of tens of thousands of software programmers and website developers including Wrox book authors and readers. As a guest, you can read any forum posting. By joining today you can post your own programming questions, respond to other developersí questions, and eliminate the ads that are displayed to guests. Registration is fast, simple and absolutely free .
DRM-free e-books 300x50
Reply
 
Thread Tools Display Modes
  #1 (permalink)  
Old June 25th, 2014, 11:39 AM
Authorized User
Points: 350, Level: 6
Points: 350, Level: 6 Points: 350, Level: 6 Points: 350, Level: 6
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Sep 2008
Location: , , Pakistan.
Posts: 54
Thanks: 8
Thanked 1 Time in 1 Post
Default I cannot 'Align page to the left'

This is the code, below u'll find bold text, I want it to be left align as the rest of the website, but I m not able to:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "/WEB/INF/xhtml1-strict.dtd">
<html style="display: block;"><head> <meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8"> <meta http-equiv="CACHE-CONTROL" content="NO-STORE"> <meta http-equiv="PRAGMA" content="NO-CACHE"> <meta http-equiv="EXPIRES" content="-1"> <title> XYZ Chartered Online Banking | Pakistan </title> <link rel="stylesheet" type="text/css" href="XYZ%20Chartered%20Online%20Banking%20_%20Pak istan_files/style.css" media="all"> <link rel="stylesheet" type="text/css" href="XYZ%20Chartered%20Online%20Banking%20_%20Pak istan_files/button.css" media="all"> <script type="text/javascript">
var userLang = "en_PK";
var requestId = '8C6C1C61-9BBB-1EB9-1B2B-1568906BB77F';
</script> <script type="text/javascript" src="XYZ%20Chartered%20Online%20Banking%20_%20Paki stan_files/common.js"> </script> <script type="text/javascript">
function submitLoginForm() {
var form = document.loginForm;
try {
var submitBtn = document.getElementsByName('Login')[0];
if (submitBtn != null)
submitBtn.disabled = true;
} catch (e) {
}
//form.submit();
submitForm();
}

function setCursor() {
document.forms[0].j_username.focus();
}
</script> </head>

<!--Comments start by Arbab
<body onload="validateCookies(); processLinks();startSessionTimer('900', '/nfs/ibank/pk/foa');" style="background: #FFFFFF;"> <table cellpadding="0" cellspacing="0"> <tbody><tr> <td align="left"> <table class="tbl_layout" cellpadding="0" cellspacing="0"> <colgroup> <col width="2%"> <col width="96%"> <col width="2%"> </colgroup>
Comments end by Arbab -->

<tbody><tr> <td rowspan="3">&nbsp;</td> <td>
<script type="javascript">
$(document).ready(function() {
$("a[id^='hover-target']").each(function() {
$(this).ezpz_tooltip( {
contentPosition : 'belowStatic'
});
});
});

function roll_over(img_name, img_src) {
document[img_name].src = img_src;
}
<!--Top image line of the website comments by Arbab -->

</script> <table cellpadding="0" cellspacing="0"> <colgroup> <col class="scb_colorbar1" width="20%">
<col class="scb_colorbar2" width="10%"> <col class="scb_colorbar3" width="15%"> <col class="scb_colorbar4" width="5%">
<col class="scb_colorbar5" width="50%"> </colgroup> <tbody><tr> <td class="scb_colorbar1">&nbsp;</td> <td>&nbsp;</td>
<td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </tbody></table> <br>
<table class="tbl_heading" cellpadding="0" cellspacing="0"> <colgroup> <col width="12%"> <col width="35%">
<col width="36%"> <col width="4%"> <col width="5%"> <col width="5%"> </colgroup> <tbody><tr> <td rowspan="2">
<img style="margin-bottom: -4px" src="XYZ%20Chartered%20Online%20Banking%20_%20Paki stan_files/logo.gif"> </td>
<td>&nbsp;</td> <td rowspan="2" colspan="4" class="tbl_content_right" valign="bottom">&nbsp;</td> </tr>
<tr> <td rowspan="2" style="text-align: left;vertical-align: bottom;">
<span class="txt_bottom txt_subheading"> Pakistan </span> </td> </tr> </tbody></table> <br>
<div class="spacer">&nbsp;</div> <hr class="hr_heading">

<!--Online Banking & Alert portion comments by Arbab -->

I want this portion of the page to be on the left side aligned as the above logo.gif, etc and
Copyright © 2014 portion

</td> <td rowspan="3">&nbsp;</td> </tr> <tr> <td> <br> <table cellpadding="0" cellspacing="0"> <colgroup>
<col width="10%"> <col width="90%"> </colgroup> <tbody><tr> <td class="tbl_header">&nbsp;</td> <td class="tbl_header">
<form id="command" name="loginForm" action="security_check.htm" method="post" onsubmit="return checkSubmit();">
<table cellpadding="0" cellspacing="0"> <colgroup> <col width="10%"> <col width="80%"> <col width="10%"> </colgroup>
<tbody><tr> <td rowspan="4">&nbsp;</td> <td class="tbl_sprt_bottom"> <span class="txt_title"> Online Banking </span>
</td> <td rowspan="4">&nbsp;</td> </tr> <tr> <td> <br> <table cellpadding="0" cellspacing="0"> <tbody><tr> <td>
<table cellspacing="0"> <colgroup> <col width="5%"> <col width="95%"> </colgroup> <tbody><tr>
<td class="tbl_advwarning_content"> <img src="XYZ%20Chartered%20Online%20Banking%20_%20Paki stan_files/login_security_lock.gif" border="0"> </td> <td class="tbl_advwarning_content"> <p class="tbl_advwarning_title"> Important Security Alert: Protect yourself from Malware </p> <br>
It has come to our attention that variants of the SpyEye malware are
targeting Pakistan Internet Banking websites and we would like to remind
our customers to update their anti-virus software with the latest virus
signatures.<br><br>If you encounter difficulty accessing your account
after you have entered your credentials or see unfamiliar banking
processes such as "Security verification in progress" or "Please wait 10
minutes", contact us immediately via our 24/7 Phone Assistance at
111-002-002.<br><br>Please be aware of suspicious emails and websites that attempt to obtain your banking information. <a href="http://www.XYZchartered.com/pk/online/en/malware-alert.htm" target="new_window"> <img src="XYZ%20Chartered%20Online%20Banking%20_%20Paki stan_files/btn_findouthow.gif" style="margin-left: 500px; margin-bottom: -10px" border="0"> </a> </td> </tr> <tr class="tbl_advwarning_end"> <td colspan="2">&nbsp;</td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> </tr> <tr> <td> <table cellpadding="0" cellspacing="0"> <colgroup> <col width="75%"> <col width="3%"> <col width="22%"> </colgroup> <tbody><tr> <td class="tbl_content_top"> <table cellpadding="0" cellspacing="0"> <colgroup> <col width="45%"> <col width="4%"> <col width="51%"> </colgroup> <tbody><tr> <td class="tbl_content_top"> <table class="tbl_form" cellpadding="0" cellspacing="0"> <colgroup> <col class="tbl_listing_row_even" width="1%"> <col class="tbl_listing_row_even" width="30%"> <col class="tbl_listing_row_even" width="2%"> <col class="tbl_listing_row_even" width="66%"> <col class="tbl_listing_row_even" width="1%"> </colgroup> <tbody><tr> <th class="tbl_header_left"> <div class="border_left_grey">&nbsp;</div> </th> <!-- Start Comment by Arbab <th class="tbl_content_left" colspan="3"> Secure Login &nbsp;
<img src="XYZ%20Chartered%20Online%20Banking%20_%20Paki stan_files/ico_secure_sml.gif"> </th> <th class="tbl_header_right"> <div class="border_right_grey">&nbsp;</div> </th> </tr> <tr> <td colspan="5">&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td class="txt_highlight tbl_content_top tbl_content_right"> Username </td> <td>&nbsp;</td> <td> <input name="j_username" maxlength="16" size="18" autocomplete="off" type="text"> <br> </td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td class="txt_highlight tbl_content_top tbl_content_right"> Password </td> <td>&nbsp;</td> <td> <input name="j_password" maxlength="16" size="18" autocomplete="off" type="password"> <br> </td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td> <img src="XYZ%20Chartered%20Online%20Banking%20_%20Paki stan_files/arrow_blue_single_tab.gif"> <a href="https://online.XYZchartered.com/nfs/ibank/pk/foa/ral_tnc.htm?t=9-1-759002C0B1DD892FCDF3CFE952C8B090&amp;a=doInitForgo tUsrNamePasswd&amp;r=8C6C1C61-9BBB-1EB9-1B2B-1568906BB77F"> Forgot Username / Password </a> </td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td> <span class="button"> <input name="Login" value="Login" onclick="submitLoginForm();" type="submit"> </span> </td> <td>&nbsp;</td> </tr> <tr class="tbl_listing_end"> <td colspan="5">&nbsp;</td> </tr> </tbody></table> </td> <td class="tbl_content_middle"> <img src="XYZ%20Chartered%20Online%20Banking%20_%20Paki stan_files/ico_or.gif"> </td> <td class="tbl_content_top"> <table class="tbl_login_grey" cellpadding="0" cellspacing="0"> <colgroup> <col class="tbl_notice_left" width="1%"> <col class="tbl_notice" width="4%"> <col class="tbl_notice" width="94%"> <col class="tbl_notice_right" width="1%"> </colgroup> <tbody><tr> <th class="tbl_header_left"> <div class="border_left_grey">&nbsp;</div> </th> <th colspan="2" class="tbl_content_left"> New to Online Banking?</th> <th class="tbl_header_right"> <div class="border_right_grey">&nbsp;</div> </th> </tr> <tr> <td class="tbl_notice_left">&nbsp;</td> <td class="tbl_content_top"> <br> <img src="XYZ%20Chartered%20Online%20Banking%20_%20Paki stan_files/arrow_blue_single_tab.gif">&nbsp;
</td> <td> <br> <a href="https://online.XYZchartered.com/nfs/ibank/pk/foa/ral_tnc.htm?t=9-2-759002C0B1DD892FCDF3CFE952C8B090&amp;r=8C6C1C61-9BBB-1EB9-1B2B-1568906BB77F" class="txt_highlight"> Instant Registration </a> <span class="txt_new"> IT'S EASY! </span> </td> <td class="tbl_notice_right">&nbsp;</td> </tr> <tr> <td class="tbl_notice_left">&nbsp;</td> <td>&nbsp;</td> <td> <a href="https://online.XYZchartered.com/nfs/ibank/pk/foa/ral_tnc.htm?t=9-2-759002C0B1DD892FCDF3CFE952C8B090&amp;r=8C6C1C61-9BBB-1EB9-1B2B-1568906BB77F">Click here</a> to instantly register for Online Banking using your Debit Card or Credit Card Number. <br> <br> </td> <td class="tbl_notice_right">&nbsp;</td> </tr> <tr> <td> </td> <td> <br> <img src="XYZ%20Chartered%20Online%20Banking%20_%20Paki stan_files/arrow_blue_single_tab.gif" class="arwList" border="0"> </td> <td> <br> <a href="https://online.XYZchartered.com/nfs/ibank/pk/foa/ral_tnc.htm?t=9-2-759002C0B1DD892FCDF3CFE952C8B090&amp;a=doInitFirst TimeLogin&amp;r=8C6C1C61-9BBB-1EB9-1B2B-1568906BB77F" class="txt_highlight"> Register using PIN Mailer </a> <span class="txt_new"> </span> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> <a href="https://online.XYZchartered.com/nfs/ibank/pk/foa/ral_tnc.htm?t=9-2-759002C0B1DD892FCDF3CFE952C8B090&amp;a=doInitFirst TimeLogin&amp;r=8C6C1C61-9BBB-1EB9-1B2B-1568906BB77F"> Click here </a> if you have received a Temporary ID and PIN Mailer for First Time login or Password reset. <br> <br> <br> </td> <td> </td> </tr> <tr class="tbl_notice_end"> <td colspan="4">&nbsp;</td> </tr> </tbody></table> </td> </tr> </tbody></table>Comment End by Arbab--> <table cellpadding="0" cellspacing="0"> <tbody><tr> <td> <br> <script>function resizeIframe(height,frameName){document.getElement ById(frameName).height = height;}</script><iframe id="pre-didyouknow11" rightmargin="0" leftmargin="0" topmargin="0" bottommargin="0" src="http://192.168.243.68/PCMS.CustomerPortal/Login/Default.aspx?value=8k5UlkZJzSrg2OWfDNs0PA%3d%3d&Ty pe=Inst" frameborder="0" height="750" scrolling="no" width="690"></iframe> <!--
<a href="http://www.XYZchartered.com/online-banking/global-link/en/index.html" target="new_window"> <img src="/nfs/foa/theme/default/images/banner_ad_7.gif" alt="Enjoy convenience and rewards by banking online" title="Enjoy convenience and rewards by banking online"/> </a>
--> </td> </tr> <tr> <td class="tbl_content_top txt_note_disclamer"> <br>
It is essential that you do not take into consideration or respond to
any information on this site or send any information or materials to us
before you read our <a href="http://www.XYZchartered.com/common/html/datapp.html" target="new_window" style="font-size: 10px">Data Protection and Privacy Policy</a>. </td> </tr> </tbody></table> </td> <td>&nbsp;&nbsp;&nbsp;&nbsp;</td> <td class="tbl_content_top"> <table class="tbl_info_green" cellpadding="0" cellspacing="0"> <colgroup> <col class="tbl_notice_left" width="1%"> <col class="tbl_notice" width="98%"> <col class="tbl_notice_right" width="1%"> </colgroup> <tbody><tr> <th class="tbl_header_left"> <div class="border_left_green">&nbsp;</div> </th> <th class="tbl_content_left"> Need Help?</th> <th class="tbl_header_right"> <div class="border_right_green">&nbsp;</div> </th> </tr> <tr> <td>&nbsp;&nbsp;&nbsp;&nbsp;</td> <td> <ul class="grnList"> <li> <div class="rightBoxHdrTitle"><b>24/7 Phone Assistance</b></div><b>Please call</b><br>111-002-002<br> </li> <li> <a href="mailto:Ask.Us@sc.com">Email us</a> for assistance </li> <li> <a href="http://www.XYZchartered.com/pk/personal/ways-to-bank/en/demo/index.html" target="new_window">Online Banking Demo</a> </li> <li> <a href="https://www.online-banking.XYZchartered.com/scb/newGUI/FAQ_PK.htm" target="new_window">Frequently Asked Questions</a> </li> <li> <a href="https://online.XYZchartered.com/nfs/ibank/pk/foa/web_maintenance_link.htm?r=8C6C1C61-9BBB-1EB9-1B2B-1568906BB77F" target="new_window">Website Maintenance Schedule</a> </li> </ul> </td> <td>&nbsp;</td> </tr> <tr class="tbl_info_green_bottom"> <td class="tbl_footer_left"> <div class="border_left_green">&nbsp;</div> </td> <td class="tbl_info_green_bottom">&nbsp;</td> <td class="tbl_footer_right"> <div class="border_right_green">&nbsp;</div> </td> </tr> </tbody></table> <br> <table> <tbody><tr> <!--
<td class="tbl_content_top"> <img
src="/nfs/foa/theme/default/images/login_right.jpg"
usemap="#login_img_map" /> <map name="login_img_map"> <area shape="rect" coords="0,0,174,60" target="new_window"
href="http://www.XYZchartered.ae/online_banking_demo/index.html"
alt="Click to View Demo" /> <area shape="rect" coords="0,80,174,140" target="new_window"
href="http://www.XYZchartered.com/online-banking/security-tips/general-computer-security-information/en/index.html"
alt="Security Tips" /> <area shape="rect" coords="40,160,174,220"
target="new_window"
href="https://www.online-banking.XYZchartered.com/scb/newGUI/Verisign_Disclaimer_AE.html"
alt="" /> </map> </td>
--> <td class="tbl_content_top"> <a href="http://www.XYZchartered.com.pk/pk/personal/ways-to-bank/en/breeze-mobile.html" target="_blank"> <img src="XYZ%20Chartered%20Online%20Banking%20_%20Paki stan_files/banner_breeze.txt" alt="Click to Breeze" title="Breeze Mobile" height="60" border="0" width="174"> </a> <br> <br> <a href="http://www.XYZchartered.com/online-banking/security-tips/general-computer-security-information/en/index.html" target="_blank"> <img src="XYZ%20Chartered%20Online%20Banking%20_%20Paki stan_files/banner_security.jpg" alt="Security Tips" height="60" border="0" width="174"> </a> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> </tr> </tbody></table> <input name="spring-security-redirect" value="/all_account_overview.htm?productView=A&amp;r=8C6C1 C61-9BBB-1EB9-1B2B-1568906BB77F" type="hidden"> <input name="t" value="9-0-759002C0B1DD892FCDF3CFE952C8B090" type="hidden">
</form> </td> </tr> </tbody></table> </td> </tr> <tr> <td>
<br> <hr class="hr_heading"> <div class="footer_spacer">&nbsp;</div> <table style="width: auto;"> <tbody><tr> <td> <span class="txt_note_grey"> Copyright © 2014 XYZ Chartered Bank </span>
&nbsp;<span class="txt_seperator">|</span>&nbsp;
</td> <td> <img src="XYZ%20Chartered%20Online%20Banking%20_%20Paki stan_files/arrow_blue_single_tab.gif"> </td> <td> <a href="https://online.XYZchartered.com/nfs/ibank/pk/foa/login.htm#?r=8C6C1C61-9BBB-1EB9-1B2B-1568906BB77F" onclick="javascript:window.open('http://www.XYZchartered.com/pk/_documents/onlinebanking-TnCs.pdf','window','menubar=0,toolbar=0,resizable= 1,scrollbars=1,location=0,width=1200,height=600'); ">Terms &amp; Conditions</a> </td> <td>
&nbsp;<span class="txt_seperator">|</span>&nbsp;
<img src="XYZ%20Chartered%20Online%20Banking%20_%20Paki stan_files/arrow_blue_single_tab.gif"> </td> <td> <a href="https://online.XYZchartered.com/nfs/ibank/pk/foa/login.htm#?r=8C6C1C61-9BBB-1EB9-1B2B-1568906BB77F" onclick="javascript:window.open('http://www.XYZchartered.com/common/html/disclaimer.html','window','menubar=0,toolbar=0,res izable=1,scrollbars=1,location=0,width=1200,height =600');">Disclaimer</a> </td> </tr> </tbody></table> <br> <br>
</td> </tr> </tbody></table> </td> </tr> </tbody></table> <script type="text/javascript">
setCursor();
</script> </body></html>
__________________
How to do programming?
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are Off
Pingbacks are On
Refbacks are Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
Centering vertical list with text align left aspless CSS Cascading Style Sheets 4 June 29th, 2010 08:12 AM
using <div>'s to have a left hand pane on web page crmpicco CSS Cascading Style Sheets 2 December 7th, 2007 10:54 PM
EASY Q: Left-Align and Right-Align DIV? panuvin ASP.NET 1.0 and 1.1 Basics 0 December 16th, 2006 01:02 AM
Repositioning Top Left Corner of a Page in print dontknowmuch Java GUI 0 September 30th, 2005 12:05 PM
if "table heigt" > "pagesize left" then "new page" Haroldd Classic ASP Professional 2 June 29th, 2004 04:22 AM



All times are GMT -4. The time now is 04:40 PM.


Powered by vBulletin®
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
© 2013 John Wiley & Sons, Inc.