|
HTML - Textbox Prblem - I'm Getting Nuts Over It...
Hello everybody,
maybe someone can help me here - I have a little form on one of my websites where a user is supposed to type in one number in one little textbox. The textbox should be just big enough to contain only one number. While it is fine in Mozilla it seems to be messed up in Internet Explorer 6.0. Just two images - this is what it looks like in Mozilla: and this is what it looks like in IE: How in earth can I force it to show up in IE as it should, with a small box containing just one number? Here is the code: Code: <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0"> <TR> <TD ALIGN="CENTER"><INPUT TYPE="text" NAME="m1" maxlength="1" SIZE="1" VALUE="1" STYLE="background-color:#E1CCB3" WIDTH="1"></TD> <TD ALIGN="CENTER"><INPUT TYPE="text" NAME="m2" maxlength="1" SIZE="1" VALUE="1" STYLE="background-color:#E1CCB3"></TD> </TR> </TABLE> </TD> <TD VALIGN="TOP"> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0"> <TR> <TD ALIGN="CENTER"><INPUT TYPE="text" NAME="d1" maxlength="1" SIZE="1" VALUE="2" STYLE="background-color:#E1CCB3"></TD> <TD ALIGN="CENTER"><INPUT TYPE="text" NAME="d2" maxlength="1" SIZE="1" VALUE="7" STYLE="background-color:#E1CCB3"></TD> </TR> </TABLE> </TD> <TD VALIGN="TOP"><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0"> <TR> <TD> <INPUT TYPE="text" NAME="y1" maxlength="1" SIZE="1" VALUE="1" STYLE="background-color:#E1CCB3"><INPUT TYPE="text" NAME="y2" maxlength="1" SIZE="1" VALUE="9" STYLE="background-color:#E1CCB3"><INPUT TYPE="text" NAME="y3" maxlength="1" SIZE="1" VALUE="4" STYLE="background-color:#E1CCB3"><INPUT TYPE="text" NAME="y4" maxlength="1" SIZE="1" VALUE="2" STYLE="background-color:#E1CCB3"></TD> </TR> </TABLE> I added the maxlength out of sheer despair and now I am at all wits end. Does anyone have an idea how to fix this?? That would be so great.. Many thanks for reading and sorry if this is a bit bulky with the images. I also have a vague idea that this should probably be in css but then it's still html. I'm not good with css anyway.. Yatkha Similar TutorialsHi, I'm using this code at some website to navigate automatically to another specific website, it works fine, but in Internet Explorer 9, it doesn't... why? Any idea? Try this page if you want: http://www.domisign.com Fire fox will navigate you to another page (which i'm ok with that) but IE 9 doesn't. This is the code i'm using. <meta http-equiv="refresh" content="1; URL=http://www.krayem-group.com/domino/index.htm"> Hey good morning Im a photographer in st.louis . I normally do well with basic html im stuck now though. Im simply trying to get a Google Check out Button , Schedule Now Button , Facebook button and Twitter button all to appear on the same line on my web site. Right now they are stacked taking up way to much space. Any help would be appreciated. Here is a link to my web site so you know what Im talking about. simply scroll to just under the description of my Beginner Photography Course http://www.stlphotoart.com/Other/Beg...6793697_9F5rP3 Hi all, I have a problem that I think is simple but is making me go insane. I have a HTML email service that sends me email from my google blog without having top give my email address out. The problem is that it doesn't fit into my google blog. What I want to do is just to take the boxes and put the labels in myself, which is not a problem, but I need to know what part of the HTML makes the buttons work. Any help would be greatly appreciated, for my sanity more than anything else!: <form method="post" action="http://www.emailmeform.com/fid.php?formid=68804" enctype="multipart/form-data"> <INPUT TYPE=hidden NAME=FCode VALUE="5bb5hnjb"> <table cellpadding="2" cellspacing="0" border="0" bgcolor="#FFFFFF"> <tr> <td> <font face="Verdana" size="2" color="#000000"></font> <div style="" id="mainmsg"> </div> </td> </tr> </table> <br> <table cellpadding="2" cellspacing="0" border="0" bgcolor="#FFFFFF"> <tr valign="top"> <td nowrap><font face="Verdana" size="2" color="#000000">Your Name</font></td> <td> <input type="text" name="FieldData0" value="" maxlength="100" size="20"> </td> </tr> <tr valign="top"> <td nowrap><font face="Verdana" size="2" color="#000000">Your Email Address</font></td> <td> <input type="text" name="FieldData1" value="" maxlength="100" size="20"> </td> </tr> <tr valign="top"> <td nowrap><font face="Verdana" size="2" color="#000000">Subject</font></td> <td> <input type="text" name="FieldData2" value="" maxlength="100" size="20"><div style="position:absolute; top:343px; right:1582px;"><b>Tip: How to create web forms</b><br>Ever needed to create web forms for your website? We recommend Emailmeform, a service that helps you <a href="http://www.emailmeform.com">create web forms</a> easy in a few steps. No need to learn HTML or PHP!</div> </td> </tr> <tr valign="top"> <td nowrap><font face="Verdana" size="2" color="#000000">Message</font></td> <td> <textarea name="FieldData3" cols="40" rows="15"></textarea><br> </td> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td> </td> <td align="right"> <input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;"> <input type="submit" class="btn" value="Send email" name="Submit"> <input type="reset" class="btn" value=" Clear " name="Clear"></td> </tr> <tr> <td colspan=2 align="center"> <br> </td> </tr> </table> </form> I am trying to create a table that looks like the following: _____________ |_______|____| |___________ | |___|________| Here is the code I am using: HTML Code: #mainTable {
width: 100%;
padding: 0;
margin: 0;
}
#headerLeft {
padding: 10px 0 10px 10px;
width: 606px;
}
#headerRight {
margin-top: 25px;
text-align: right;
white-space: nowrap;
}
.orangeBar {
margin: 0;
padding: 0;
font-size: 8px;
background-color: #FFC342;
}
#navCell {
width: 225px;
vertical-align: top;
}
#contentCell {
width: auto;
vertical-align: top;
}
<table id="mainTable" border="1">
<tr>
<td id="headerLeft" colspan="2"><img src="images/logo.gif" width="596" height="60" alt="Our Logo" /></td>
<td id="headerRight">Nav Links</td>
</tr>
<tr>
<td colspan="3"><p class="orangeBar"> </p></td>
</tr>
<tr>
<td id="navCell">Nav</td>
<td colspan="2" id="contentCell">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a sem. Integer mattis justo eu nunc.</p>
</td>
</tr>
</table>
For some reason, the Nav cell in the last row is taking on the width of the image in the first cell, even though I want it to be 225px wide. I want the table to be the width of the page (100%). Anyone have any ideas? I know it can be done by nesting two tables, I was just trying to avoid that. Thanks! Just a quick edit, I added a bg color to headerLeft. Then I tested my code with the image removed, and the layout works they way I want, but as soon as I put it back, it is messed up again! The bg color I added confirms that the cell is the same size with and without the image. Iv been creating an ebay listing on Frontpage, the pictures iv added to the page have been from my pc, next I click on the CODE tab at the bottom, I copy all the code, then I go into turbo lister and click the HTML tab, I paste the code in, then I click on preview, the pics are not there, just a little red x in the corner. So Im thinking I should upload the Pics from my PC onto my server, (uk2) aswel as the whole file, in uk2 on the panel it shows EDIT HTML, it has all the pics there! then I click the CODE Tab and copy the code and pasted the code back into turbo lister, same thing, no pics again. Most of the time I figure these typs of things out before I get help, and this was is a real brain teaser! The filename is ebaylisting1, also it says the the file is a firefox Document Please Advise, thank you I am hoping someone with "fresh" eyes will be able to spot why I have a 1 pixel space pushing the bottom of my table down. It's a project I inherited, so it's not my code, but it should be obvious to me as to why it's not formatting correctly (but for the life of me, I cant see it). Anyone? Top part of code (if it's of any use): Code: <table border="0" cellpadding="0" cellspacing="0" bordercolor="0">
<tr>
<td width="453" valign="top" background="images/homeBackground.jpg" class="BackNoRepeat"> </td>
<td width="742" align="right" valign="top"><table width="742" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="300" align="left" valign="top"><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><img src="images/topLogo.jpg" width="300" height="128" /></td>
</tr>
<tr>
<td align="left" valign="top"><img src="images/imgOpening.jpg" width="163" height="124" /></td>
<td align="right" valign="top"><img src="images/rolloverMenu1.jpg" width="137" height="20" /><br />
<a href="recipes.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','images/homeRecipesBTN_ov.jpg',1)"><img src="images/homeRecipesBTN.jpg" alt="Recipes" name="Image15" width="137" height="28" border="0" id="Image15" /></a><br />
<a href="nutrition.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','images/homeNutritionBTN_ov.jpg',1)"><img src="images/homeNutritionBTN.jpg" alt="Nutrition" name="Image16" width="137" height="25" border="0" id="Image16" /></a><br />
<a href="webstore.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','images/homeWebstore_ov.jpg',1)"><img src="images/homeWebstore.jpg" alt="Web Store" name="Image17" width="137" height="36" border="0" id="Image17" /></a><br />
<img src="images/home3.jpg" width="137" height="15" /></td>
</tr>
</table></td>
<td width="442" background="images/mainBackground-right.jpg"><table width="441" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="441" align="left" valign="top"><img src="images/topRight.jpg" width="442" height="71" /></td>
</tr>
<tr>
<td><table width="442" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="235"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0','width','235','height','135','id','opening animation','align','','src','images/home','quality','high','bgcolor','#FFFFFF','name','opening animation','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','images/home' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="235" height="135" id="opening animation" align="">
<param name="movie" value="images/home.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
<embed src="images/home.swf" quality="high" bgcolor="#FFFFFF" width="235" height="135" name="opening animation" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>
</noscript></td>
<td width="207" rowspan="2"><img src="images/main-top-right1.jpg" width="207" height="181" /></td>
</tr>
<tr>
<td height="47"><img src="images/main-top-right2.jpg" width="235" height="46" /></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
this is where the space happens...and then the following code: Code: <tr>
<td colspan="2"><img src="images/home5.jpg" width="742" height="69"></td>
</tr>
<tr>
<td colspan="2" align="left" valign="top"><table width="742" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="224" align="left" valign="top"><img src="images/home6.jpg" width="224" height="57" /></td>
<td width="251"><form action="" method="post" >
<table width="93%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="29%" align="right">Username:</td>
<td width="34%"><input name="textfield" type="text" size="15" style="font-size:.75em"/></td>
<td width="37%" rowspan="2"><input type="image" name="imageField" src="images/loginBTN.gif" /></td>
</tr>
<tr>
<td align="right">Password:</td>
<td><input name="textfield2" type="password" size="15" style="font-size:.75em"" /></td>
</tr>
</table>
</form></td>
<td width="267" align="right" valign="top"><img src="images/home7.jpg" width="267" height="57" /></td>
</tr>
</table></td>
</tr>
</table>
<div id="greenLineBack"></div>
<div id="footer">© Copyright 2007. All Rights Reserved.<img src="clear.gif" width="50" height="1"/><a href="#">RECIPES</a> | <a href="#">NUTRITION</a> | <a href="#">WEBSTORE </a></div></td>
<td width="454" valign="top" background="images/mainBackground-right.jpg" class="BackNoRepeat2"> </td>
</tr>
</table>
Hi all, In need of some advice if possible! Myself and a friend are putting together a website, we have little knowledge and I've came across a layout issue. The site looks good in Firefox but within IE the formatting is lost in one small section see below; I need the 'read more' box to be in the same location as the Firefox one when viewed IE. The page can be viewed here http://www.jeffkingsland.com/test3/aboutme2.html Any constructive advice is really appreciated. I'm aware of typos and colouring issues did not realize this was also javascript too. Please help me on this one. http://www.htmlforums.com/php-progra...eld-87724.html how to make the page automatically grab the page's url and paste it into a textfield. thanks Alright, I have a DIV with this as the background image: I put two textboxes over them, the first one is aligned ok but the second one is too high. How do I space them out? When I try br it goes down way too far. Here is what it looks like right now: Should I use a table? more DIVs? Or, is there a css code I could use to bring it down? Right...I'm in the process of creating a sample website, which takes in date data and number data...and I was wondering...as I have the option of using drop downs or textboxes....if the site does go onto a server...would it be easier (as the developer) to use drop downs or text inboxes..? I mean..when it comes to the user choosing things using the drop down or inputting into the textbox..and sending it to search in a database...which would be easier to play around with..and less complicated..? *thinks Am I making sense?* Hi, I am trying to work out a form i.e. user was to choose from a "Yes/No" drop-down option. For example if user was to choose "NO", nothing will happen, BUT if user was to choose "YES" option, a text box will appear next to the field to allow user to enter some information. Can this be done? My code is below. Thanks HTML Code: <tr> <td bgcolor="#eeeeff"> Is it a shared device?<br> <font color='#F62817'>** If yes, please indicate the shared device </font> </td> <td bgcolor="#eeeeff"> <SELECT name="shared"> <option value="No"SELECTED>No</option> <option value="Yes">Yes</option> <INPUT type = "TEXT" name = "shared_remark" value = "NIL"> </td></tr> I have this page that can add textbox and remove it but the problem is if I add textbox they will all have the same name as the default. How can I have different name from my textbox so that I can call them individually on the next page...Thanks <html> <head> <script language="javascript"> row_no=1; function addRow(tbl,row) { var textbox='<td height="25" align="center" valign="middle" bgcolor="#EEEEEE"><input name="textfield5" type="text" class="bodytext" size="20"></td><td height="25" align="center" valign="middle" bgcolor="#EEEEEE"><input name="textfield6" type="text" class="bodytext" size="35"></td><td height="25" align="center" valign="middle" bgcolor="#EEEEEE"><input name="textfield7" type="text" class="bodytext" size="3"></td>'; var remove= '<a href="#" onclick="removeRow(\''+ tbl +'\',\'' + row_no + '\')"/>Remove It</a>'; var tbl = document.getElementById(tbl); var rowIndex = document.getElementById(row).value; try { var newRow = tbl.insertRow(row_no); var newCell = newRow.insertCell(0); var newCell = newRow.insertCell(1); newCell.innerHTML = textbox + " " + remove; row_no++; } catch (ex) { alert(ex); } } function removeRow(tbl,num) { var table = document.getElementById(tbl); try { row_no--; table.deleteRow(num); } catch (ex) { alert(ex); } } </script> </head> <body> <form name="form1" method="post" action=""> <table width="600" border="0" cellspacing="0" cellpadding="0" id="mytable"> <tr id="myrow"> <td colspan="2" align="center"><h3>Some Text goes here</h3> </td> </tr> <tr ID="add"> <td width="177"> </td> <td width="273" align="right"><input type="button" name="Button" value="Add a new row" onClick="addRow('mytable','myrow')"></td> </tr> <tr ID="add"> <td width="177"> </td> <td width="273" align="right"> </td> </tr> </table> </form> </body> </html> Hello, i was wondering if anyone could tell me how i would place a textbox inside a layer (textbox with scrollbar only vertical). The textbox can only be wrote in by me to display text, not by any other user. I was also wondering then how would i position the textbox within the layer so it would be in the middle of the layer not at the top. And how i would then changed the colour of the scrollbar. Thanks I am trying to put a simple text box on my form, but no matter what values I put in for the size of the textbox it reamins the same size! However, copying just the form code to a blank html document and the text box appears in what ever size I want. I didnt want to post the whole code here because a) is over 600 lines and b) im an ameatur and its rubbish code! However, I am using PHP in Dreamweaver if that makes any difference. This is driving me crazy, pleasehelp! How can I add textbox on a form having a button? So I can pass it's value to the next page Does anyone know how to disable the textbox on an input control? I want to force the user to browse for a file, not let them enter it manually. hi i am new to this forum but wish anyone can help me as soon as possible as i am in hurry i have a value that is associated with the page http://1028634246.n126908.test.prosi...uk/Order.html? Productid='N60 - 400 Major Service Kit' i want this value to be assigned to text box to be displayed in this as default value of this textbox what is the code to achieve this? can i use jave script if so how ,what is the code is the page need to have asp extension? wish any one can reply me and help me as soon as possible thanks Hi all, how do i go about making my html form textbox borderless like the one in this picture? I want to make my form a bit better looking, so any links to customising them would be good. Hi there, I have a quick and simple terminology question. what is the name given to the "helper text" that I've seen on some websites alongside textboxes to help you fill them in? They are present at: https://twitter.com/signup if you click on any of the fields. Secondly, I see twitter does this using tables - which everyone seems to hate for layout. What is a better way of doing this? I assume that you fire some javascript when the textbox is active etc. But how do you get the textbox styled and floating on the right? Cheers, J I want to save the content of a textbox in a div on button press. PHP is a possibility but I don't want to get into databases. How would this be done, |
|||||||