|
HTML - Why Is The Textarea Bigger In Ie Than In Ff?
I am trying to build a simple contact form using tables, textfields, lables and textareas. The textfields are ok in both IE and FF but the textarea is bigger in IE than in FF and also the textareas in both are stil out of position to the textfields.
This is pretty basic i guess, maybe not. I realise there are differences in formatting in IE and firefox but. So if i.... 1) Insert a form tag 2) Insert a table 3 rows x 2 cols in the form tag (name, email and message) 4) Add a lable in the DW designer to attach to each text field/area then the result looks like this in FF, and this in IE, also i just noticed that the font is a slightly different size and font in both as well, here is my code, this is all the code i am using, HTML Code: <form id="form1" name="form1" method="post" action="">
<table width="39%" border="0">
<tr>
<td width="20%"><label for="email">Email:</label></td>
<td width="80%"><input name="email" type="text" id="email" /></td>
</tr>
<tr>
<td><label for="name">Name:</label></td>
<td><input name="name" type="text" id="name" /></td>
</tr>
<tr>
<td><label for="message">Message:</label></td>
<td><textarea name="message" id="message"></textarea></td>
</tr>
</table>
</form>
any ideas??? Also i realise you can change the size of the textarea but i don't really see the relationship here with respect to the size of the textfield. Similar TutorialsThis is a silly question but i need rows to appear in this code Code: <input id="link_l" size=73> See the below HTML: <table width="100%" > <tr><td align="left" style="background:blue"> <form name="rrrevsortform" method="post" valign="center"> <select name="RRSort" onchange="Redirect(this.value);"> <option value="http://something" selected="true">one choice</option><option value="http://sdfsd">sfd first</option> </select> <input type="submit" id="sortSubmit" value="Go"> </form> </td> </tr> </table> If you save this as .html and view you will find that TD height(blue color) is double the height of form? why so? how can I contract TD to take the height of form. Surprisingly even the height attribute does not work! Hi Here is my site; http://www.freewebs.com/jonnibravo/ The icons at the top of the screen are very small, all I want is to make the images bigger when you hover the mouse over them and to have text show below showing what team the icon belongs too. I have tried to find something on the web that shows how to do it but I dont know how to implement the code. The code I am using is below. PHP Code: <p align="center"><img border="0" width="41" src="http://www.freewebs.com/jonnibravo/_41739828_accrington_stanley_203.gif" height="31" style="margin: 8px; width: 41px; height: 31px" class="fw_image_freewebs fwSizeProp" /><img border="0" width="36" src="http://www.freewebs.com/jonnibravo/_40964115_aldershot_203.gif" height="27" style="margin: 8px; width: 36px; height: 27px" class="fw_image_freewebs fwSizeProp" /><img border="0" width="32" src="http://www.freewebs.com/jonnibravo/_40964127_barnet_203.gif" height="24" style="margin: 8px; width: 32px; height: 24px" class="fw_image_computer fwSizeProp" /><img border="0" width="33" src="http://www.freewebs.com/jonnibravo/_42481805_bournemouth_203.gif" height="25" style="margin: 8px; width: 33px; height: 25px" class="fw_image_computer fwSizeProp" /><img border="0" width="55" src="http://www.freewebs.com/jonnibravo/_42453486_bradford_203.gif" height="41" style="margin: 8px; width: 55px; height: 41px" class="fw_image_freewebs fwSizeProp" /><img border="0" width="36" src="http://www.freewebs.com/jonnibravo/_42484917_brentford_203.gif" height="27" style="margin: 8px; width: 36px; height: 27px" class="fw_image_computer fwSizeProp" /><img border="0" width="38" src="http://www.freewebs.com/jonnibravo/_40964197_bury_203.gif" height="28" style="margin: 8px; width: 38px; height: 28px" class="fw_image_computer fwSizeProp" /><img border="0" width="39" src="http://www.freewebs.com/jonnibravo/_44463033_chester_203.gif" height="29" style="margin: 8px; width: 39px; height: 29px" class="fw_image_computer fwSizeProp" /><img border="0" width="32" src="http://www.freewebs.com/jonnibravo/_40964335_chesterfield_203.gif" height="24" style="margin: 8px; width: 32px; height: 24px" class="fw_image_computer fwSizeProp" /><img border="0" width="37" src="http://www.freewebs.com/jonnibravo/_40964393_dagenham_redbridge_203.gif" height="28" style="margin: 8px; width: 37px; height: 28px" class="fw_image_computer fwSizeProp" /><img border="0" width="36" src="http://www.freewebs.com/jonnibravo/_42362464_darlington_203x152.gif" height="26" style="margin: 8px; width: 36px; height: 26px" class="fw_image_computer fwSizeProp" /><img border="0" width="30" src="http://www.freewebs.com/jonnibravo/exeter.jpg" height="26" style="margin: 8px; width: 30px; height: 26px" class="fw_image_computer fwSizeProp" /><img border="0" width="37" src="http://www.freewebs.com/jonnibravo/_40877870_gillingham_203.gif" height="28" style="margin: 8px; width: 37px; height: 28px" class="fw_image_computer fwSizeProp" /><img border="0" width="32" src="http://www.freewebs.com/jonnibravo/_40964281_grimsby_203.gif" height="24" style="margin: 8px; width: 32px; height: 24px" class="fw_image_computer fwSizeProp" /><img class="fw_image_computer fwSizeProp" border="0" width="39" src="http://www.freewebs.com/jonnibravo/lincoln.jpg" height="29" style="margin: 8px; width: 39px; height: 29px" class="fw_image_computer fwSizeProp" /><img border="0" width="42" src="http://www.freewebs.com/jonnibravo/_42825829_luton_203.gif" height="31" style="margin: 8px; width: 42px; height: 31px" class="fw_image_computer fwSizeProp" /><img border="0" width="44" src="http://www.freewebs.com/jonnibravo/_44532873_macclesfield_new_203x152.jpg" height="32" style="margin: 8px; width: 44px; height: 32px" class="fw_image_freewebs fwSizeProp" /><img border="0" width="21" src="http://www.freewebs.com/jonnibravo/morcambe.jpg" height="29" style="margin: 8px; width: 21px; height: 29px" class="fw_image_computer fwSizeProp" /><img border="0" width="44" src="http://www.freewebs.com/jonnibravo/_41351579_notts_county2_203.gif" height="33" style="margin: 8px; width: 44px; height: 33px" class="fw_image_computer fwSizeProp" /><img border="0" width="52" src="http://www.freewebs.com/jonnibravo/_44525046_port_vale_226x170.gif" height="39" style="margin: 8px; width: 52px; height: 39px" class="fw_image_computer fwSizeProp" /><img border="0" width="48" src="http://www.freewebs.com/jonnibravo/_43007293_rochdale_203.gif" height="36" style="margin: 8px; width: 48px; height: 36px" class="fw_image_computer fwSizeProp" /><img border="0" width="43" src="http://www.freewebs.com/jonnibravo/_41740022_rotherham_203.gif" height="32" style="margin: 8px; width: 43px; height: 32px" class="fw_image_computer fwSizeProp" /><img border="0" width="31" src="http://www.freewebs.com/jonnibravo/SHREWSBURY.jpg" height="31" style="margin: 8px; width: 31px; height: 31px" class="fw_image_computer fwSizeProp" /><img border="0" width="44" src="http://www.freewebs.com/jonnibravo/_40675862_wycombe_203.gif" height="33" style="margin: 8px; width: 44px; height: 33px" class="fw_image_computer fwSizeProp" /></p> Hi I noticed that ie6 renders paragraph breakline spaces bigger than ie7 or FF. I got around it by using <br /><br /> instead of <p></p>, but is there a proper workaround to make ie6 conform? Also also tried stipulating the CSS for the p tags, but to no avail: .maintext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#fff; text-align:justify; line-height:100%; } .maintext p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#fff; text-align:justify; line-height:100%; } Cheers Shaun Hi Guys, I dont know if i am over thinking this, or just been dumb! But I want to position a flash object file in a div to the the center of my screen. However heres the catch, my flash file is 1900 pixels wide, and of course a screen can be anything wide. I can get CSS background images for divs ok, but not objects like a flash movies. So assuming my screen is 1600 wide, the user would see the center of my 1900 wide flash file with 150 pixels missing on the left aand right. For some reason, maybe i am tired, but i can not get it working or get my head into gear today. thanks for any input! Oh and heres an image of my problem to help explain it http://i44.tinypic.com/33p9e0l.jpg why the table i have dont expand over browser borders when sum of td widths is bigger than screen width? How can i overcome this problem? Hi all savvy HTML Experts! I thought I might be able to find here some nice help from the community! I have an FBML page. I want to have a TextArea box according to the Browser. If IE ---> Use TextArea_A Else ( all the rest FF ofcurse and the smaller once ) ---> Use TextArea_B You got the point what I'm trying to achieve right?! different textarea box according to the browser.. So does anyone know a way around this ? Thanks A TON in advance! I have a big list and I want to show on my webpage 6lines from that list randomly (when webpage is refreshed another 6 lines appear). can anyone help me with he code, how should the list look like so it works...or where can I find more info on this ? thanks How can I limit the rows inside a textarea? Im not talking about limiting the visible row. Example I want to have 99 columns and 20 rows only, how can do that? Helo! I want to output the data from the database table into my textarea in html/php. I want to align output as it is in database. This is my echo which outputs in textarea. echo "$id |$way | $date | $price | $lenght " . "\n"; Because of different lenghts of data in database, output in textarea is mixed and opaque. So, please tell me how can I "align" this output from database in textbox so it will be inline. Thanks for help! Hello! I'm having a lot of trouble here. I have a form on my website that is linked to my 1shoppingcart account. Unfortunately, the feild for their personalized message is only a single line because it uses the <input> tag instead of the <textarea> tag. But when I use the text area tag instead, I get something that is completely wrong. I'm assuming that it has to do with all of the other 1shoppingcart code that is jumbled in there. Here is the code for the table: <form name="form1" method="post" action="https://www.mcssl.com/app/contactsave.asp"> <input name="merchantid" type="hidden" id="merchantid" value="166866"> <input name="ARThankyouURL" type="hidden" id="ARThankyouURL" value="www.1shoppingcart.com/app/thankyou.asp?ID=166866"> <input name="copyarresponse" type="hidden" id="copyarresponse" value="1"> <input name="custom" type="hidden" id="custom" value="1"> <input name="defaultar" type="hidden" id="defaultar" value="0"> <input name="allowmulti" type="hidden" id="allowmulti" value="0"> <input name="visiblefields" type="hidden" id="visiblefields" value="Name,Email1,Company,Workphone"> <input name="requiredfields" type="hidden" id="requiredfields" value="Name,Email1"> <table width="500"> <tr> <td>Name</td> <td><input name="Name" type="text" size="40"></td> </tr> <tr> <td>Company</td> <td><input name="Company" type="text" size="40"></td> </tr> <tr> <td>Email</td> <td><input name="Email1" type="text" size="40"></td> </tr> <tr> <td>Phone</td> <td><input name="Workphone" type="text" size="40"></td> </tr> <tr> <td>How Did You Hear About Us?</td> <td><input type="hidden" name="fieldname1" value="field1"> <input type="hidden" name="required1" value="1"> <input name="field1" type="text" size="40"></td> </tr> <tr> <td>Message</td> <td><input type="hidden" name="fieldname2" value="field2"> <input type="hidden" name="required2" value="1"> <input name="field2" type="text" size="40"></td> </tr> <tr align="right"> <td colspan="2"> <input type="Submit" name="cmdSubmit" value="Submit"> </td> </tr> </table> </form> I would appreciate any help that you can give! The page that hosts this form is www.36hoursinaday.com/contact-us. Thanks so much! Is there a way to set it so there is a limit to how much text u can input in to a text area.. I know of one way. but i want it to also display under how many letter's you can enter. so say for example i entered.. 10 letters it will say You have got 240 letters left etc.. each time u enter a letter it drops down. anyone know of a way to do this? I'm sure this has been done before, but unfortunately im under the pump somewhat! How do I get a drop down menu to post things to a textarea in html? As in when I select an item from a drop down menu how do i get this selection to show relevant information in a text area below.. TruskyMX Please help Im sure there is post already just haven't looked yet. Hi, I have a textarea, but I can't put HTML in it. Because when I try it will look different. This is what it put in, in the textarea : HTML Code: <a href="/">Link</a> And when I save/submit, it will look like this Code: <a href=\"/\">Link</a> But maybe it's the cause of the "CMS" is use ( Wordpress ) Steven hiii. im having this difficulty on how to remove the <br> in the textarea when its not supposed to be there. for example... originally html code in the editor: <textarea style="font-family: georgia; font-size: 12px; padding: 2; background-color: transparent;" style="overflow:auto;"> Name: Email: </textarea> then once i insert that codes in the html editor and checked the preview. the results is this within the textarea: <br>Name: <br>Email: so, how do i get rid of those <br> in the textarea? im using the uni.cc domain name with the sitebuilder, by the way. not the paid domain. I've been searching for this answer and I just can't get my head wrapped around some the posts that I have read. I have a textarea with this text: aaaa bbbb cccc dddd But when I write this data to a file it writes out like this: aaaabbbbccccdddd I've tried doing this but it doesn't work: PHP Code: $php_string0 = str_replace("<br>","\n", $php_filedata); Thanks for any help...!!! Hi, I've searched for sometime on this issue but no luck. I've two forms on my html page (say form1 and form2). Both the forms have one text area each (say textarea1 and textarea2). form1 also has a button on clicking which the contents of textarea2 are copied into textarea1. Everything seems so smooth till here. But the real hurdle starts here. Actually, I have an xml in textarea2. This xml has few elements with special characters like "&" and "<" Now when the button on the form1 is clicked the contents are copied into textarea1 and this is passed as a parameter to the servlet which tries to display it in a browser. But the textarea1 is converting all & and < to & and < and thus making it an invalid xml. I would like the special characters to stay the same as they are in textarea2. Any workaround for this? Option2: I even would like to know if there's a way to submit form2 when a button in form1 is clicked. Is it possible? Any help is really appreciated. Thanks. Hey guys! I am just starting a little thing to open, edit, and display HTML stored in txt files. It works fine until I tried to make it so that when you first open the form it already has the txt file's content inside the textarea (to edit it). Obviously it just displays the raw code! I am wondering if there is a way around this. here is my code; Code: <html>
<body>
<form action="write.php" method="post">
Content: <br><br>
<textarea cols="40" rows="5" name="texttest">
<?php
$file = file_get_contents ('text.txt');
Echo $file;
?>
</textarea>
<br>
<INPUT type="submit" name="button1" value="Update">
</form>
</body>
</html>
Any help would be awesome! Hi Hope someone can help. I am new to HTML and i am a bit stuck. I have written a Java script to populate a text box with the contents of a directory and what I want to do is to display a gif or picture whilst the data is getting retrieved. My code is (it is in a grid) <TD><textarea name="files" cols="50" rows="20">test</textarea></TD> What I want is to have the box show a pic as default until the script loads the data. Thanks Paul |
|||||||