|
HTML - Form Doesn't Align....
I'm trying to get this form from this food site to align just like the one I did for this Insurance site but doesn't seem to work. What is the problem?
Similar TutorialsCan someone please please view my sit at resconsultingnyc.com, i used microsoft expression web 3 to make everything aligned. When the page is maximized on my computer it is all nice and neat but if the screen is not maximized everything falls out of frame. when I tried it on another computer even their maximized page had things out of frame. How can I make all the tables and content stay nice and neat and keep in tact when the page size changes? All the pages have the same problem...thanks here's 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 http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Template</title> <meta name="description" content="" /> <meta name="keywords" content="h" /> <link href="styles/main.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="all" style="height: 772px"> <div class="top"> <OBJECT classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="766" HEIGHT="233" id="construction" ALIGN=""> <PARAM NAME=movie VALUE="construction.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="construction.swf" quality=high bgcolor=#FFFFFF WIDTH="766" HEIGHT="233" NAME="construction" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED> </OBJECT> </div> <div style="margin:0 0 5px 0 "> <OBJECT classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="766" HEIGHT="60" id="menu" ALIGN="" style="z-index: 1; position: absolute; top: 246px; left: 444px"> <PARAM NAME=movie VALUE="menu.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="menu.swf" quality=high bgcolor=#FFFFFF WIDTH="766" HEIGHT="60" NAME="menu" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED> </OBJECT></div> <table width="740" border="0" cellspacing="0" cellpadding="0" id="cont" style="z-index: 2; width: 740px; height: 370px; position: absolute; top: 310px; left: 456px"> <tr> <td valign="top" width="295"> <div id="left_block" style="width:289px; height:234px; margin:0 0 7px 0 "> <img src="images/tit1.gif" alt="" style="margin:25px 0 15px 29px " /><br /> <p style="margin:0 0 3px 43px; width:162px "> </p> <p style="margin:0 0 3px 43px; width:162px; height: 57px;"> </p> <p style="margin:0 0 5px 43px; width:162px "> </p> </div> <div id="left_block2"> <img src="images/question.gif" alt="" style="margin:28px 0 8px 26px " /><br /> <table width="75" border="0" cellspacing="0" cellpadding="0" style="margin:0 0 4px 36px "> <tr> <td width="36"><img src="images/mail.gif" alt="" /></td> <td>E-mail:</td> </tr> </table> <p style="margin:0 0 0 36px "> resconsultingnyc@gmail.com</p> </div> </td> <td valign="top"> <div id="right_block" style="width:445px; height:201px; background:#F1F1F1 url(images/bgs1.gif) no-repeat 100% 100% "> <img src="images/tit2.gif" alt="" style="margin:25px 0 13px 36px " /><br /> <p style="width:335px; margin:0 0 4px 50px ">Welcome to RES Consulting NYC inc.</p> <p style="width:335px; margin:0 0 15px 50px ">Your company for all of your residential and commercial construction consulting services.</p> </div> <img src="images/tit3.gif" alt="" style="margin:28px 0 23px 31px " /><br /> <table width="388" border="0" cellspacing="0" cellpadding="0" style="margin:0 0 0 33px "> <tr> <td valign="top" width="103"><img src="images/pic1.jpg" alt="" /></td> <td valign="top"> <p>Personal dedication to each and every client</p> <p style="margin:10px 0 0 0 "> </p> </td> </tr> </table> </td> </tr> </table> <div id="footer" style="z-index: 1; position: absolute; top: 693px; left: 473px; bottom: 85px; width: 733px"> <table width="620" border="0" cellspacing="0" cellpadding="0" style="margin:14px 0 0 56px "> <tr> <td width="286" valign="top" style="color:#7D7D7D; "> Copyright © 2009 resconsultingnyc.com <br /> All rights reserved. </td> <td valign="top"> <a href="index.html" class="f_link">Home</a> <a href="index-1.html" class="f_link">Company</a> <a href="index.html" class="f_link">News</a> <a href="index-2.html" class="f_link">Projects</a> <a href="index-3.html" class="f_link">Services</a> <a href="index-4.html" class="f_link">Solutions</a> <a href="index-5.html" class="f_link">Contacts</a> </td> </tr> </table> </div> </div> </body> </html> Hi, I was hoping someone could work out why when i assign text-align:right to a col element it doesn't align all the text in that column to the right. I've called the column col1, and in the css have put col1 { text-align:right }. Any ideas why this doesn't work? The text-align:right does work if put it straight into all of the td's within that column. Thanks, Matthew Millar Hey guys, What I am trying to do is align a whole table to the right inside of a td tag of another table. It looks fine in IE, but in firefox it comes out wrong. Any idea what I can do? Here is the code: Code: <table border="1px" style="width: 100%;" id="rptPrintform:alignBtn_pg_id">
<tbody>
<tr>
<td class="alignRight">
Correct
</td>
</tr>
<tr>
<td class="alignRight">
<table border="1px">
<tr>
<td class="alignRight">
Text
</td>
<td class="alignRight">
Text 2
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="alignRight">
Correct
</td>
</tr>
</tbody>
</table>
What I would like is for it to work in firefox the exact same way it works in IE. Thanks, Grae I am trying to set up a form for a website, but i am having problems with the alignment the code that i have is HTML Code: <form name="charclient" action="https://forms.netsuite.com/app/site/hosting/scriptlet.nl?script=26&deploy=1&compid=1200531&h=32f337b26222d60b23c1" method="post"> <table width="375" border="0" cellpadding="0" cellspacing="0"> <tr> <td rowspan="4" width="1" height="200"><img src="images/spacer.gif" alt="space" width="1" height="1" /></td> <td height="56" colspan="3" valign="top"><img src="images/spacer.gif" height="8" width="1" /><br /> <img src="images/joinus.png" /><br />Is your charity eligible for The Heart of Gold Donation Program?<br /> <img src="images/spacer.gif" height="1" width="8" /></td></tr> <tr> <td width="160" height="40" valign="middle"><b>First Name: *</b><br /> <input type="text" name="firstname" value="" size="30" /> </td> <td width="35" rowspan="2"> </td> <td width="179" height="40" valign="middle"><b>Last Name: *</b><br /> <input type="text" name="lastname" value="" size="30" /></td> </tr> <tr> <td valign="middle" height="44"><b>Email: *</b><br /> <input type="text" name="email" value="" size="30" /></td> <td valign="middle" height="44"><b>Organization: *</b><br /> <input type="text" name="companyname" value="" size="30" /></td> </tr><tr> <td valign="middle" height="44"><b>Phone: *</b><br /> <input type="text" name="phone1" id="phone1" value="" size="3" maxlength="3" style="margin-bottom:10px; float:left; border-left:none; padding-left:4px; margin-right:0px;" onKeyUp="autoTab(this,'phone2'); buildPhoneNumber();"/> <input type="text" name="phone2" id="phone2" value="" size="3" maxlength="3" style="float:left; border-left:none; margin-right:0px; margin-left:0px;" onKeyUp="autoTab(this,'phone3'); autoTabBack(this,'phone1'); buildPhoneNumber();"/> <input type="text" name="phone3" id="phone3" value="" size="4" maxlength="4" style="float:left; border-left:none; margin-right:0px; margin-left:0px;" onKeyUp="autoTabBack(this,'phone2'); buildPhoneNumber();"/> <b>EXT: *</b> <input type="text" name="ext" id="ext" value="" size="3" maxlength="3" style="margin-bottom:5px; float:left; border-left:none; margin-left:2px;" onKeyUp="autoTabBack(this,'ext'); buildPhoneNumber();"/> <input type="hidden" name="phone" id = "fullPhoneNumber" value="" size="27" /> <td colspan="1" height="40"><br /></td> <td valign="middle" height="39"> <input name="submit" type="image" src="images/joinbutton2.jpg" alt="joinus" align="right" border="0" style="margin-right:2px; margin-bottom:6px" /></td> </tr> </table> my problem is where it says <b>EXT: *<b> <input type="text" name="ext" id="ext" value="" size="3" maxlength="3" style="margin-bottom:5px; float:left; border-left:none; margin-left:2px;" onKeyUp="autoTabBack(this,'ext'); buildPhoneNumber();"/> the website is http://www.heartofgoldprogram.com/charities/index3.php you can see there how it is when i look in the web site this is not align with the other boxes in the phone number... i can't find the solution for that to be align. if any body can help me it will be great. thanks hay gays ! I am new in HTML and have a simple query (I suppose). How do I align a password (you know... usernamename: , Password: )form on the right of the page I am creating ? I wanna put it at the top right side of the page, next to the title, where we usually find it Thanks a lot ! Hi, here is a snippet of what I have: <INPUT TYPE="TEXT" NAME="qty1" Size="3" /> <INPUT TYPE="HIDDEN" NAME="product1" VALUE="Nosey" /> <INPUT TYPE="HIDDEN" NAME="price1" VALUE="2.50" />Nosey <INPUT TYPE="TEXT" NAME="qty2" Size="3" /> <INPUT TYPE="HIDDEN" NAME="product2" VALUE="Snow Paws" /> <INPUT TYPE="HIDDEN" NAME="price2" VALUE="2.50" /> Snow Paws<br /></p> <p class="paragraph_style_1"> <INPUT TYPE="TEXT" NAME="qty3" Size="3" /> <INPUT TYPE="HIDDEN" NAME="product3" VALUE="Paws for Thought" /> <INPUT TYPE="HIDDEN" NAME="price3" VALUE="2.50" />Paws for Thought <INPUT TYPE="TEXT" NAME="qty4" Size="3" /> How can I align the quantity boxes in two maybe 3 across so it looks more compact and aligned than one long list on an order form? Hi I have a php form on the contact section of my website. It has a Name, Email and Message Box My Problem is in the message box i have made it quite large so they can type in what they need. But the blinking line to show where the start of the text is is in the centre of the box. How can I align this to the top left? Many Thanks I'm completely baffled. I have a contact form on this website: http://www.waldronforest.com/ that works just fine when I test it in FireFox, but when I try to use it in internet explorer I can't even click on the fields. Anyone have any idea why? Thanks! Hi, Does anyone know how to get in contact with a moderator since the contact form is crap and doesn't work. It tells me I've entered the wrong Security id even thought there is none on the contact page. cheerz I'm trying to make this page/table align to the top of the page so that when the entire page is maximized, it will still "stick" to the top rather than in the middle of the page. The editor I am using (Visual Studio 2003) shows that it is at the top of the page but when running it and maximized the page, the content is centered to the middle of the page. Any ideas on how to resolve this? It is using a bit of CSS too..... Code: <body bottomMargin="0" rightMargin="0" MS_POSITIONING="GridLayout"> <form class="crm" id="crmForm" method="post" runat="server"> <table height="100%" cellSpacing="0" cellPadding="0" width="100%" border="0"> <tr> <td> <table height="100%" cellSpacing="0" cellPadding="0" width="100%"> <TBODY> <tr> <td> <div class="simon"> <table style="TABLE-LAYOUT: fixed" cellSpacing="0" cellPadding="0" width="100%" border="0"> <COLGROUP> <col width="110"> <col> <col> <col width="120"> <TBODY> <tr> </tr> <tr> <td style="FONT-WEIGHT: bold; BORDER-BOTTOM: black 1px solid" height="24"> </td> <td style="FONT-WEIGHT: bold; BORDER-BOTTOM: black 1px solid" height="24">Candidate Details</td> <td style="FONT-WEIGHT: bold; WIDTH: 299px; BORDER-BOTTOM: black 1px solid" height="24">Vacancy Details</td> <td style="FONT-WEIGHT: bold; BORDER-BOTTOM: black 1px solid" height="24">Filtering Options</td> </tr> <!--etc..... --> css: Code: formButton
{
background-color: #6699cc;
padding: 2px 4px 3px 4px;
color: #000000;
font-size: 8pt;
font-family: tahoma;
height: 17px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#B4C5DF, EndColorStr=#91A9D0);
border-width: 0px;
}
TEXTAREA
{
font-size: 8pt;
font-family: tahoma;
width: 100%;
height: 100%;
border: 1px solid #7b9ebd;
}
.inputfields
{
font-size: 8pt;
font-family: tahoma;
width: 100%;
height: 19px;
border: 1px solid #7b9ebd;
}
INPUT.rad
{
width: 15px;
border: 0px;
cursor: hand;
}
DIV.tab
{
overflow-y: auto;
padding: 10px;
}
TD.sec
{
width: 100%;
color: #000000;
font-weight: bold;
padding-left: 0px;
padding-bottom: 2px;
text-overflow: ellipsis;
overflow: hidden;
}
TD
{
font-size: 11pt;
font-family: tahoma;
}
TD.bar
{
border-bottom: 1px solid #000000;
}
TD.req
{
font-weight: bold;
color: #9F2409;
overflow: hidden;
text-overflow: ellipsis;
padding-top: 5px;
}
TD.statusBar
{
background-color: #63769B;
color: #ffffff;
padding-left: 5px;
height: 24px;
border-bottom: 1px solid #485673;
font-weight: bold;
}
LABEL
{
cursor: hand;
}
TD.radioLabel
{
padding-left: 2px;
padding-right: 10px;
}
TABLE.layout
{
table-layout: fixed;
width: 100%;
height: 100%;
}
div.tab
{
width: 100%;
height: 100%;
border: 1px solid #466094;
background-color: #EEF0F6;
display: none;
}
body
{
font-size: 11px;
margin: 0px;
border: 0px;
background-color: #EEF0F6;
cursor: default;
}
td
{
font-size: 11px;
}
table
{
cursor: default;
}
a
{
color: #0000ff;
font-weight: bold;
}
span.menu
{
height: 100%;
padding: 2px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #7288AC;
}
table.mnuBar
{
color: #000000;
height: 22px;
width: 100%;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#DCDFE5, EndColorStr=#BDC2CB);
}
td.mnuTitle
{
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
cursor: default;
color: #000000;
}
td.mnuRight
{
width: 100%;
text-align: right;
padding-right: 5px;
}
DIV.header
{
font-size: 20px;
font-weight: bold;
color: #000099;
margin-bottom: 20px;
border-bottom: 1px solid #000044;
}
TR.header
{
font-weight: bold;
background-color: #E0E3E8;
}
th
{
border-right:0;
border-left:0;
background:url(imgs/bar_line.gif) left center no-repeat;
}
dataGrid.Table
{
border-collapse: collapse;
border-spacing: 0;
background-color: #000000;
}
dataGrid.td, th
{
margin:0;
padding:0;
}
.Glass
{
background-image:url(Img/Blank.gif);
background-repeat:repeat-x;
}
.Glass:hover
{
background-image:url(Img/GradientBlue.gif);
background-repeat:repeat-x;
}
<td valign="top" background="" rowspan="9" width="666"><div style="width: 200; height: 200; background-color: transparent; font-family: arial; font-size: 11px; color: FF2222; font-weight: normal; font-style: normal; text-align: left; border-width: 1px; border-style: solid; border-color: 952716; overflow: auto; padding: 5px;">Test</div> This is the code i have. How would i move it away from the top and left side by a certain amount of pixles? For example, 100 pixles from top and 50 from left side. why can't i align my texarea and my three side panels? http://www.hottunaint.com/press7test.html Hi every one. Well i have a problem with align="center" In tow PCs this align not working (its not coming to center) In one PC that i tried somehow its work. I did the same in all 3 PCs. So my question is why ??? Thanks i have a javascript running a scrolling text on my site and im trying to position it to either align to the right or set x,y coordinates... i already tried putting align =right in the tag and it didnt work here is what im working with... http://www.freewebs.com/fallingrain11/1.html here is the call up im using i also <iframe width="165" height="215" src="irawr-scrollernewstic.html" SCROLLING="no" FRAMEBORDER="0" border=0></iframe> Hi, Can anyone tell me how i can accomplish this: http://www.tendervendors.com/dev/index-table.html without using display: table-cell. Atm, the exact same code, just without display: table-cell displays: http://www.tendervendors.com/dev/index.html Anyone got any ideas? TIA Matthew Millar Hi, I wonder if anyone could help me solve what is probably a very simple problem. My website is www.danmondayeteaching.com In Chrome and Safari it displays how I want it. However, in IE my e-mail address will not align right. In Firefox there is a thin black border to the cell with my e-mail address in. I've tried lots of ways to solve the problem to no avail. Here is the offending code: <tr> <td nowrap width="80%" border= "0" style="border-style: none; border-width: medium" height="102"> <p style="margin-left: 6; margin-top: 0; margin-bottom: 0"><b><font color="#FFFFFF" size="6" face="Verdana">Dan Monday E-teaching</font></b> </p> <p style="margin-left: 6; margin-top: 0; margin-bottom: 0; horizontal-align: middle"><b><i><font color="#A8E1F2" face="Verdana"> <img src="skypelogo.png" alt="Skype" img style="vertical-align:middle"> your way to better English</font></i></b> </td> <td width= "20%" border= "0" style="border-style: none; border-width: medium" height="102"><td align= "right"> <p style= "text-align: right; margin-right: 28;"><b><font color="#FFFFFF" size="4" face="Verdana">monday.daniel@gmail.com</font></b></p></td> </tr> tldr - IE won't align my e-mail address to the right. Thanks in advance for any suggestions. i have this 2 images firefox ie7 how can i make the page in in intenret excplorer to look like in firefox? here is the code PHP Code: <?php include("muzica/config.inc"); $link = mysql_connect($mysql_host, $mysql_username, $mysql_password); $result = mysql_query("SELECT id, name, artist, catagory, size FROM ".$mysql_database.".songs ORDER BY id DESC LIMIT 5;"); for($i = 0; $i < mysql_num_rows($result); $i++) { echo "<br style=\"line-height:3px\">"; echo "<table width=\"100%\"><tr><td width=\"80%\"><img src=\"images/marcer.gif\" align=\"left\" style=\"margin-left:6px; margin-right:6px\"><span class=\"orange\"><a href=\"muzica/browse.php?catagory=".mysql_result($result, $i, "catagory")."\" class=\"orange\">".mysql_result($result, $i, "artist")." - ".mysql_result($result, $i, "name")."</a></td> <td>".mysql_result($result, $i, "size")."</td> </tr></table></span>"; echo " <br style=\"line-height:9px\">"; echo "<img src=\"images/hl2.gif\"><br>"; } mysql_free_result($result); mysql_close($link); ?> I'm learning HTML and the teacher has us learning deprecated tags - Just to let you. If I want to center this tag, where do I put the align code? <h1><font color="#4f4fc1">HTML Forums</font></h1> HELP! I have three DIV: <!-- Top 5 Hotels --> <div id="top5container"> HOTELS/RESORTS<br /> </div> <!-- Top 5 Restaurants --> <div id="top5container"> RESTAURANTS </div> <!-- Top 5 Shows --> <div id="top5container"> ENTERTAINMENT </div> I want to wrap those three DIVs (most likely in another DIV) and have them centered in this DIV. See www.vegastraveling.com and see on the welcome page. I want the 3 "top 5" to be centered... but I can't seem to have it work So it's basically centering 3 DIVs within a DIV. |
|||||||