alignment is not proper...please help me soon

Question

0.00/5 (No votes)

See more:

this is my source code. web page is not properly aligned for me...if i do in my system its like aligned properly but when i upload it in server its not properly aligned..please help me soon...in which way i can align it properly..i am a fresher so i m not able to do it accurately...

HTML

<!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 name="Subject" content="chennai sale / offers" /><meta name="description" content="Brings you the City's Sales / Offers for smart shopping" /><meta name="keywords" content="Chennai,coimbatore,trichy & Madurai sale offer & Anniversary sale,best price,Deepavali sale,new year sale,pongal sale at mysale.in" /><meta name="Language" content="English" /><meta name="Distribution" content="Global" /><meta name="Robots" content="All" /><meta name="Revisit-After" content="7 Days" /><link href="CSS/styles.css" rel="stylesheet" type="text/css" />
 <script  type="text/javascript">
 
function validate()
{
  if (document.getElementById("txtName").value=="")
      {
                 alert("Please enter the Name");
                 document.getElementById("txtName").focus();
                 return false;
      }
      if (document.getElementById("txtAddr").value=="")
      {
                 alert("Please enter the Address");
                 document.getElementById("txtAddr").focus();
                 return false;
      }
       if (document.getElementById("txtPhone").value=="")
      {
                 alert("Please enter the Phone No.");
                 document.getElementById("txtPhone").focus();
                 return false;
      }
        if (document.getElementById("txtEmail").value=="")
      {
                 alert("Please enter your Email ID");
                 document.getElementById("txtEmail").focus();
                 return false;
      }
    var emailPat = /^(\".*\"|[A-Za-z]\w*)@(\[\d{1,3}(\.\d{1,3}){3}]|[A-Za-z]\w*(\.[A-Za-z]\w*)+)$/;
     var emailid=document.getElementById("txtEmail").value;
     var matchArray = emailid.match(emailPat);
     if (matchArray == null)
    {
               alert("Your email address seems incorrect. Please try again.");
               document.getElementById("txtEmail").focus();
               return false;
    }   
       if (document.getElementById("txtPwd").value=="")
      {
                 alert("Please enter the Password");
                 document.getElementById("txtPwd").focus();
                 return false;
      }  
             
       var pageName="pop.html";
    if (window.showModalDialog)//IE
    {
        flag="";
        var dialogArguments = new Object();
       var popwin = window.showModalDialog(pageName, self, "dialogWidth=100%;dialogHeight=100%;scroll=no;status=no;dialogTop=300px;dialogLeft=480px;");
       ClientScript.RegisterStartupScript(this.GetType(), "alert", "alert('Saved Successfully - Thanks for registering with us');", true);
     }	 
     
    }
</script>
<title>
	Brings you the City's Sale / Offer for smart shopping
</title></head>
<script>
function maximize() {
  window.moveTo(0, 0);
  window.resizeTo(screen.width, screen.height);
}
maximize();
</script>
<script>
function maximize() {
  window.moveTo(0, 0);
  window.resizeTo(screen.width, screen.height);
}
maximize();
</script>
<script>
function CreateDirectory()
{
    var pageName="Privacy.aspx";
    if (window.showModalDialog)//IE
    {
        flag="";
        var dialogArguments = new Object();
        var popwin = window.showModalDialog(pageName, self, "dialogWidth=650px;dialogHeight=150px;dialogTop=300px;dialogLeft=170;scroll=yes;status=no;");
    }	
   
	
}

</script>

<body  önload ="makeNewWindow();" style ="width :100%;">
    <form name="form1" method="post" action="Register.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTUxNDA3NDczMA9kFgICAw9kFgICBQ8QDxYEHg5EYXRhVmFsdWVGaWVsZAUJQ2l0eV9OYW1lHgtfIURhdGFCb3VuZGdkEBUFC1NlbGVjdCBIZXJlB0NoZW5uYWkKQ29pbWJhdG9yZQdNYWR1cmFpBlRyaWNoeRUFC1NlbGVjdCBIZXJlB0NoZW5uYWkKQ29pbWJhdG9yZQdNYWR1cmFpBlRyaWNoeRQrAwVnZ2dnZ2RkZFqINhH29+5ltdu7PrBPVp66rkDU" />
</div>

<div>

	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWDgL58tb5DwLEhISFCwK02uSFBALCpb/eDwLBhvmMAQLPrdT0CgKq4/dDAs/YuL0JAsSS7bAIAoTz/boMAp37up0OAsKL2t4DApD0z+sFAoznisYGY50XuWIuwTg5I5QPJDgs9lK8UaU=" />
</div>
     
     <table cellpadding="0" cellspacing="0">
     <tr><td>
    <!--<table style="width: 100%; height: 1px;" cellpadding="0" cellspacing="0">-->
       <table cellpadding="0" cellspacing="0">
    <tr>
    <td visible="false" style="width: 1158px; border-removed0; height:60px;" align="right" rowspan="1">
    </td></tr></table>
    </table></td></tr>
					<tr>	<td style="width: 1158px%; height: 200px;"><!--<td style="width: 100%; height: 65px;">--><object codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
										height="100" width="140" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
										<param name="_cx" value="3175">
										<param name="_cy" value="1720">
										<param name="Movie" value="Movie1.swf">
										<param name="Src" value="Movie1.swf">
										<param name="WMode" value="Window">
										<param name="Play" value="-1">
										<param name="Loop" value="-1">
										<param name="Quality" value="High">
										<param name="SAlign" value="">
										<param name="Menu" value="-1">
										<param name="Base" value="">
										<param name="Scale" value="ShowAll">
										<param name="DeviceFont" value="0">
										<param name="EmbedMovie" value="0">
										<param name="BGColor" value="">
										<param name="SWRemote" value="">
										<embed src="Movie1.swf" width="120" height="65" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
											type="application/x-shockwave-flash"> </embed>
									</object>
                        <img name="home_page" src="images/Imageshead2.gif" width="1000" height="100" border="0" alt="#" /></param></param></param></param></param></param></param></param></param></param></param></param></param></param></param></param></td></td></tr>
</table>


  <table width="85%" align="center" border="0">
      <tr>
    <td align="center" style="width: 667px">
        <h1>NEW USER REGISTRATION</h1>
    </td>
    </tr>
    <tr>
    <td align="center" style="width: 667px; height: 18px;">
    <span class="blue">Please provide your details here for registration</span>
    </td>
    </tr>
    <tr>
    <td style="width: 667px; height: 218px">
    <table align="center" style="width: 59%">
   <tr>
   <td style="width: 49px; height: 27px;">
   <div align="left">Name</div>
   </td>

<td style="width: 273px; height: 27px;" align="left">
       <input name="txtName" type="text" id="txtName" style="width:290px;" /></td></tr> 
        <tr>
            <td style="width: 49px; height: 27px">
            <div align="left">Address</div>
            </td>
            <td align="left" style="width: 273px; height: 27px">
                <textarea name="txtAddr" rows="2" cols="20" id="txtAddr" style="height:50px;width:290px;"></textarea></td>
        </tr>
        <tr>
            <td style="width: 49px; height: 27px">
            <div align="left">City</div>
            </td>
            <td align="left" style="width: 273px; height: 27px">
                <select name="ddlCity" id="ddlCity" style="width:294px;">
	<option value="Select Here">Select Here</option>
	<option value="Chennai">Chennai</option>
	<option value="Coimbatore">Coimbatore</option>
	<option value="Madurai">Madurai</option>
	<option value="Trichy">Trichy</option>

</select></td>
        </tr>
        <tr>
            <td style="width: 49px; height: 27px">
            <div align="left">PhoneNo</div>
            </td>
            <td align="left" style="width: 273px; height: 27px">
                <input name="txtPhone" type="text" id="txtPhone" style="width:290px;" /></td>
        </tr>
        <tr>
            <td style="width: 49px; height: 27px">
            <div align="left">E-Mail</div>
            </td>
            <td align="left" style="width: 273px; height: 27px">
                <input name="txtEmail" type="text" id="txtEmail" style="width:290px;" /></td>
        </tr>
        <tr>
            <td style="width: 49px; height: 27px">
            <div align="left">Password</div>
            </td>
            <td align="left" style="width: 273px; height: 27px">
                <input name="txtPwd" type="password" id="txtPwd" style="width:290px;" /></td>
        </tr>
       <tr>
   <td colspan="3" align="center">
   <br />
                  
   <input type="submit" name="btnSubmit" value="Submit"  önclick="return validate();" id="btnSubmit" style="color:White;background-color:CornflowerBlue;border-style:None;font-weight:bold;width: 50px" />             
           <input type="submit" name="btnCancel" value="Cancel" id="btnCancel" style="color:White;background-color:CornflowerBlue;border-style:None;font-weight:bold;" />
                 <input type="submit" name="Button1" value="Back" id="Button1" style="color:White;background-color:CornflowerBlue;border-style:None;font-weight:bold;" />
           
   </td>
   </tr> 
    </table>
    
    </td>
    </tr>
    </table>
     </form>
          
              
</body>
</html>

[edit]Code block added - OriginalGriff[/edit]

Posted 30-Oct-12 6:52am

nityasri

Updated 30-Oct-12 6:57am

OriginalGriff

v2

Add a Solution

Comments

ZurdoDev 30-Oct-12 13:23pm

What does properly aligned mean? What is it doing and what is it supposed to do?

Sandeep Mewara 30-Oct-12 22:50pm

Please elaborate and be specific. Share related snippet only.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Ramu katturi · Answer 1 · 2012-10-30T20:25:00

Solution 1

It may be because of word-wrap.
Go to Edit->Advanced -> Word-Wrap or simply press ctrl+E, W

Posted 30-Oct-12 20:25pm

Ramu katturi