|
HTML - Table Form
How would I go abouut making a form like so
EventCode StudentID Result Notes 1 1 [textfield here] [textfield here] 1 2 [textfield here] [textfield here] 1 3 [textfield here] [textfield here] 1 4 [textfield here] [textfield here] 1 5 [textfield here] [textfield here] am I any where close with something like this? tr> <td> $StudentID </td> <td> $FirstNames $LastNames </td> <td> <p> <input type="text" name="Result" size="25" /> </p></td> <td> <p< <input type="text" name="Notes" size="25" /> </p> </td> </tr> the $variables are php variables. Similar TutorialsHey, sorry for being such a n00b. I'm trying to create a basic page which will take pieces of data from users and insert it into a large table which makes up the site. There's a link of what I'm trying to have the final product look like he http://fantasyspotlight.com/ Yeah... I'm a huge dork and this is for my fantasy football draft. I know some basic HTML but can't figure out, or find resources, on how to get this done. Ideally, I would like 2 dropdown menus and 2 text fields at the bottom of the page, then depending on their values they would populate the "spreadsheet" in a specific manner. Any help would be appreciated, or just some chat on ideas. Thanks in advance -PC The standard html only allow a form outside a table, like: Code: <html><body> <form action="post.php" method="post"> <table><tr><td><input type="text"></td></tr> </table> </form> </html> But I need to have several buttons posted to different place, which means I need to have several forms(<form>) inside a table. Something like this: Code: <html><body> <table> <form action="post.php" method="post"> <tr><td><input type="text"></td></tr> </form> <form action="test.php" method="post"> <tr><td><input type="text"></td></tr> </form> <form action="go.php" method="post"> <tr><td><input type="text"></td></tr> </form> </table> </html> How do I do that and follow the W3C standard? Thanks. OK. I'm looking to do two things 1) make the comments box include 5 rows. 2) make a space between the two columns in the form. Your assistance is appreciated. HTML Code: <form class='subscription_form' id='subscription_form' method='post' action='http://www.website.com/xyz form not real name'> <table align="center"> <tr> <td> First Name:<br /> <input type="text" name="first_name" size="26" /><br /> Last name:<br /> <input type='text' name='last_name' size="26" /><br /> Your Company:<br /> <input type='text' name='company' size="26" /><br /> Company Email Address:<br /> <input type="text" name="email" size="26" /><br /> Your Phone:<br /> <input type='text' name='phone1' size="26" /><br /> </td> <td> Website:<br /> <input type='text' name='custom__website' size="26" /><br /> Comments: (optional)<br /> <input type="text" name="custom_comments" size="26" col="4" /><br /> <input type='hidden' name='id' value='271' /> <input type='hidden' name='first_name_man' value='1' /> <input type='hidden' name='last_name_man' value='1' /> <input type='hidden' name='company_man' value='1' /> <input type='hidden' name='phone1_man' value='1' /> </td> </tr> </table> <p align="center"><input type="image" src="http://www.elevatingyourbusiness.com/PLEASECONTACTUS.jpg" /></p> </form> Greetings I'm organizing a competition, or quest, between my forum members. Each competitor has to finish 37 tasks. So I built this table to use as a progress tracker. It lists the names of the participants at the left side, and a horizontal bar at top with 37 cells showing task number. Each time a user finishes a task, he PMs me and I then go edit his/her table row to change the color of the cell under that task, and type the date he finished it in. But this is too much work for me, as I have to edit the table many times each day.. so I was thinking, can someone help me do the following? It would be great if I have a form that users can fill in, and then that form submits its data into the corresponding cells in the progress tracker table, so that the table automatically reflects the new data. The user has to type a code that I assign for him, for the form to know which row to handle, and also to prevent others from playing tricks with his data. It would be even greater if another form can be made that automates the participation process, by adding a new row when a new user who wants to join the competition, submits the form. Then the form emails the user the code he would later need to submit data to his row. Many thanks for any help, code or examples given. Does anyone have an example of a form that utiltilizes a table to structure the placement of form controls and includes a few fieldset controls that group other controls on a form? ANY help would be greatly appreciated, Karen hi Im validating a friend's code, so i didn't build this form/table. I was wondering if anyone knows how to validate this for 4.01 transitional? I would truly appreciate it also, the include code(<% FraudUtil.renderFraudField(request, out); %>) has to stay in the form where it's at, i just need help getting the form and table integrating properly to validate. i think this is a simple fix, i just can't seem to work it properly. thank u! <table cellpadding="0" cellspacing="0" width="300" border="0"> <form action="<%=SRV_MAP%>" name="quoteForm" method="get" onsubmit="return validateQuoteRequestForm();"> <% FraudUtil.renderFraudField(request, out); %> <tr valign="top"> <td colspan="2">Fill this form for a Free Auto Transport Quote from 10 Vehicle Shipping brokers and/or Carriers</td> </tr> <tr valign="top"> <td colspan="2"> </td> </tr> <tr valign="top"> <td align="left"><a name="auto+transport+quote">Name:</a></td> <td align="left"><input class="forms" type="text" name="<%=PARAM_NAME%>" size="25" tabindex="1" value=""></td> </tr> <tr valign="top"> <td align="left"><strong>Phone:</strong></td> <td align="left"><input class="forms" type="text" name="<%=PARAM_PHONE%>" size="25" tabindex="2"><br> (ex: 555-555-5555) </td> </tr> <tr valign="top"> <td align="left"><strong>Email:</strong></td> <td align="left"><input class="forms" type="text" name="<%=PARAM_EMAIL%>" size="25" tabindex="3"><br> (ex: john@hotmail.com) </td> </tr> <tr valign="top"> <td align="left"><strong>Confirm Email:</strong></td> <td align="left"><input class="forms" type="text" name="<%=PARAM_EMAIL2%>" size="25" tabindex="4"></td> </tr> <tr valign="top"> <td align="left"><strong>Pickup Location</strong></td> <td> <select name="<%=PARAM_FROM_LOCATION_ID%>" class="quoteForm" tabindex="5" size="4"> <% for (LocationAcceptableValue currentValue : SearcherBeeSystem.getAcceptableLocations()) { %> <option value="<%=currentValue.getCode()%>"><%=currentValue.getDisplayValue()%> </option> <% } %> </select> </td> </tr> <tr valign="top"> <td><strong>Pickup City</strong></td> <td><input class="forms" type="text" name="<%=PARAM_FROM_CITY%>" size="25" tabindex="6"></td> </tr> <tr valign="top"> <td align="left"><strong>Pickup Zip:</strong></td> <td align="left"><input class="forms" type="text" name="<%=PARAM_FROM_ZIP%>" size="10" maxlength="6" tabindex="7"></td> </tr> <tr valign="top"> <td align="left"><strong>Delivery State:</strong></td> <td align="left"> <select name="<%=PARAM_TO_LOCATION_ID%>" class="quoteForm" tabindex="8" size="4"> <% for (LocationAcceptableValue currentValue : SearcherBeeSystem.getAcceptableLocations()) { %> <option value="<%=currentValue.getCode()%>"><%=currentValue.getDisplayValue()%> </option> <% } %> </select> </td> </tr> <tr valign="top"> <td align="left"><strong>Delivery City:</strong></td> <td align="left"><input class="forms" type="text" name="<%=PARAM_TO_CITY%>" size="25" tabindex="9"> </td> </tr> <tr valign="top"> <td><strong>Delivery Zip</strong></td> <td><input class="forms" type="text" name="<%=PARAM_TO_ZIP%>" size="10" maxlength="5" tabindex="10"></td> </tr> <tr valign="top"> <td><strong>Veh. Type</strong></td> <td> <select id="auto-transport-vehicles" name="<%=PARAM_VEHICLE_TYPE_ID%>" class="orderForm" tabindex="11" size="3"> <option value="">Select One</option> <% for (VehicleTypeAcceptableValue currentValue : SearcherBeeSystem.getAcceptableVehicleTypes()) { %> <option value="<%=currentValue.getCode()%>"><%=currentValue.getDisplayValue()%> </option> <% } %> </select> </td> </tr> <tr valign="top"> <td align="left"><strong>Veh. Year:</strong></td> <td align="left"><input class="forms" type="text" name="<%=PARAM_VEHICLE_YEAR%>" size="10" maxlength="4" tabindex="12"></td> </tr> <tr valign="top"> <td align="left"><strong>Veh. Make:</strong></td> <td align="left"><input class="forms" type="text" name="<%=PARAM_VEHICLE_MAKE%>" size="25" tabindex="13"></td> </tr> <tr valign="top"> <td align="left"><strong>Veh. Model:</strong></td> <td align="left"><input class="forms" type="text" name="<%=PARAM_VEHICLE_MODEL%>" size="25" tabindex="14"></td> </tr> <tr valign="top"> <td align="left"><strong>Shipping Date:</strong></td> <td align="left"><input class="forms" type="text" name="<%=PARAM_PICKUP_DATE%>" size="25" maxlength="10" value="" tabindex="15"><br> (ex: MM/DD/YYYY) </td> </tr> <tr valign="top"> <td colspan="3" align="left"> <input type="radio" name="<%=PARAM_VEHICLE_STATUS_ID%>" value="1" tabindex="16"> <strong>Running</strong> <input type="radio" name="<%=PARAM_VEHICLE_STATUS_ID%>" value="2" tabindex="16"> <strong>Not Running</strong> </td> </tr> <tr valign="top"> <td colspan="3" align="center"> <input type="image" src="<%=SearcherBeeSystem.getUrlStaticPath()%>/images/btn_submit_quote_over.gif" tabindex="17" value="SUBMIT" alt="Get 10 Auto Transport Quotes Now"></td> </tr> <tr valign="top"> <td colspan="3"><br> <ul class="redlist"> <li>Easy online form you fill out one time</li> <li>Immediate response from <strong>10 of the best Auto Transport Companies</strong> on the Internet</li> <li>All <strong>Vehicle Shipping companies</strong> responding are LICENSED, BONDED & INSURED</li> <li>Fast response from the Nations Best Car Shipping companies!</li> </ul> </td> </tr> </form> </table> I'm just learning html and css so this might be something basic. But on my site i'm making i have a form inside a table and when you click submit the table resizes and dosen't submit. When you click submit on the resized table it submits. When you submit nothing changes that would make the table resize. I don't know what to do the link to the page is http://web.ics.purdue.edu/~mlchandl/brittany/index.php If anyone can help I would appreciate it. Thanks Matt Hi, I sliced my web layout in PS. So far so good, I've done about 4 or 5 pages and it's gone fairly smoothly. However I'm having trouble with some coding on a particular page. I want to have a contact form on my contact page. But it's an HTML table and so are the slices. I've tried a couple of different ways to see if I could get it to 'lay' on top of the background image slice, but no luck. Take a look for yourselves: http://www.beemerphotography.com/contact.html Code: <form name="contactform" method="post" action="contact.php"> <table width="450px"> </tr> <tr> <td valign="top"> <font color="#FFFFFF"><label for="name">Name</label></font> </td> <td valign="top"> <input type="text" name="name" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top"> <font color="#FFFFFF"><label for="email">Email Address</label></font> </td> <td valign="top"> <input type="text" name="email" maxlength="80" size="30"> </td> </tr> <tr> <td valign="top"> <font color="#FFFFFF"><label for="telephone">Telephone Number</label></font> </td> <td valign="top"> <input type="text" name="telephone" maxlength="30" size="30"> </td> </tr> <tr> <td valign="top"> <font color="#FFFFFF"><label for="comments">Comments (Type of session(s): engagement, wedding, family, etc. | Booking date if applicable)</label></font> </td> And I've tried this: Code: <table background="http://www.beemerphotography.com/contact/images/info.gif" width="409" height="467"> And also, I have another page that is just not displaying for some reason. I have gone over the code, redone the slicing, redone the coding, and I can't figure it out for the life of me why it isn't displaying anything: http://www.beemerphotography.com/abo...ng/prints.html Hi, I am having a problem with the formating of a search box inside a table. All I want is for the text field and submit button to sit exactly in the middle (vertically aligned) inside the table with an equal space above and below (table background is dark colour so very noticeable) In Dreamweaver, it looks fine until published - then there is a large gap below the text field and submit button but small space above. I basically am trying to get the space below the same as the one above. Take a look at the code to see what I mean. <style type="text/css"> <!-- .style2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 12px; } --> </style> <table width="540" border="0"> <tr> <td width="534" height="26" bgcolor="#666666"><form action="http://www.soundscalpel.com/search.php" method="get" name="form1" target="_blank" id="form1"> <label for="textfield"></label> <div align="right"> <span class="style2">Search for Sound Effects </span> <input type="text" name="q" id="q" /> <input type="submit" value="Submit" /> </div> </form> </td> </tr> </table> Hope someone can help Thanks This form uses a wordpress plugin so it works fine but it just looks bad because it doesn't fit into the theme nicely. Can anyone tell me how to make it fit? Code: http://reveretaxi.com/order-a-taxi-cab What value do i adjust in the HTML to get it to fit? Code: <div align="center">
<center>
<pre>
<table width="69%" height="690" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td width="50%" height="25" bgcolor="#ff0000" align="right"> </td>
<td width="50%" height="25" bgcolor="#ff0000"> </td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font><font color="#000000">Leaving
From</font></b></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* LeavingFrom]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Cross-Street:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* Cross-Street:]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Location
Type:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[select* LocationType: "Choose One" "House" "Business" "Apartment" "Other"]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>City:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* LeavingFromCity]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>State:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* LeavingFromState]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Date:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* Date]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Time:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[select* Hour "Hour" "1" "2" "3" "4" "5" "6" "7" "8" "9" "10" "11" "12"]<!--webbot bot="Validation" b-value-required="TRUE" -->[select* Minute "05" "10" "15" "20" "25" "30" "35" "40" "45" "50" "55" "00"]<!--webbot bot="Validation" b-value-required="TRUE" -->[select* AMorPM "AM" "PM"]</td>
</tr>
<tr>
<td width="50%" height="21" bgcolor="#ff0000"> </td>
<td width="50%" height="21" bgcolor="#ff0000"> </td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font><font color="#000000">Destination:</font></b></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* Destination]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>City:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* DestinationCity]</td>
</tr>
<tr>
<td width="50%" height="26" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>State:</b></font></td>
<td width="50%" height="26">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* DestinationState]</td>
</tr>
<tr>
<td width="50%" height="21" bgcolor="#ff0000" align="right"> </td>
<td width="50%" height="21" bgcolor="#ff0000"> </td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Vehicle
Type Preference:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[select* VehicleTypePreference "Taxi - 4 Door preferred" "Taxi - Van preferred"]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Payment
Type:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[select* PaymentType "Choose One" "Cash" "Visa" "Master Card" "American Express" "Voucher"]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><font color="#000000"><b>Number
of Passengers:</b></font></td>
<td width="50%" height="25">[select NumberofPassengers "1" "2" "3" "4" "5" "6" "7" "8" "9" "10"]</td>
</tr>
<tr>
<td width="50%" height="21" bgcolor="#ff0000" align="right"></td>
<td width="50%" height="21" bgcolor="#ff0000"></td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Contact
Name:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* ContactName]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Contact
Phone Number<br>
(w/ Area Code):</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* ContactPhoneNumber]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Contact
Email:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* ContactEmail]</td>
</tr>
<tr>
<td width="50%" height="21" bgcolor="#ff0000" align="right"> </td>
<td width="50%" height="21" bgcolor="#ff0000"> </td>
</tr>
<tr>
<td height="59" align="right" colspan="2">
<p align="center"><b><font color="#000000">If
you require service to meet an arriving flight, please provide
the following:</font></b></p>
</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><font color="#000000"><b>Airline:</b></font></td>
<td width="50%" height="25">[text Airline]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><font color="#000000"><b>Flight
Number:</b></font></td>
<td width="50%" height="25">[text FlightNumber]</td>
</tr>
<tr>
<td width="50%" height="21" bgcolor="#ff0000" align="right"> </td>
<td width="50%" height="21" bgcolor="#ff0000"> </td>
</tr>
<tr>
<td height="40" align="right" colspan="2">
<p align="center"><b><font color="#000000">If
paying by voucher, please provide the following:</font></b></p>
</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><font color="#000000"><b>Voucher
Account Name:</b></font></td>
<td width="50%" height="25">[text VoucherAccountName]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><font color="#000000"><b>Voucher
Account Number:</b></font></td>
<td width="50%" height="25">[text VoucherAccountNumber]</td>
</tr>
<tr>
<td width="50%" height="25" bgcolor="#ff0000" align="right"> </td>
<td width="50%" height="25" bgcolor="#ff0000"> </td>
</tr>
</tbody></table>
</pre>
</center>
</div>
<p align="center"><font color="#000000"><b>Please provide any special
requests or instructions in the field provided below:<br>
[textarea specialrequestsorinstructions]
</b></font>
[submit]</p>
Hi, Yesterday, I wasted a couple hours trying to center the Paypal button inside a form inside a table. You can see it near the bottom of this page: http://www.jesussaidfollowme.org/new...t-theology.htm Do you know how to solve my puzzle? Thank you, Greg Hello, I just made my new site for my company and I tried to keep it extremely simple. I used wordpress to do the basic layout automatically and made some simple edits with some basic html i picked up along the way this week. There seems to be two problems though: 1) the form is inside a table which doesnt seem to align properly within any of the popular browsers (firefox/IE/chrome) .... it should look like 1 image instead of 3 separate pieces 2) i eventually got the form to align slightly better but the spot where I "Enter my zip code" doesnt align with the background image behind it.....sometimes it doesnt even say "enter zip code" which is very bad for a user experience. in firefox it doesnt say it, but in chrome it does say it....either way, both are aligned very poorly..... I put my code into this site: http://w3schools.com/html/tryit.asp?...=tryhtml_intro ...and after editing it, i've come to find that it works perfectly within that html editor and looks exactly how i want it to look. but then when i put the code back into my wordpress site, the alignment messes up again...... so i did some research and found out that wordpress has "deprecated" some of the html tags and that they dont work anymore...if i understand correctly. so now i have to find a way to pick new tags or use CSS...this is just so confusing and i thought maybe somebody here might be able to offer me some assistance to help me fix up this form/table problem. my site's url is: http://www.allautoinsurance.org my code that I'm editing is on the right sidebar, where the alignment messes up: <div style="text-align: center;"><span style="font-size: 14pt; font-family: Georgia; color: rgb(0, 0, 0);"><span style="font-size: 14pt;"><span style="font-size: 14pt;">Our free online service instantly browses the best rates in your zip code area at the click of a button. We've helped thousands of people quickly and easily save money on their auto insurance:</span></span></span><br /> <br /> <form action="http://network.mossaffiliatemarketing.com/z/61/CD62/&subid3= "method="post"> <table border="0" cellpadding="0" cellspacing="0" width="225"> <tr> <td colspan="2"><img src="http://www.allautoinsurance.org/wp-content/uploads/2009/08/top.jpg"></td> </tr> <tr> <td class="background1" valign="middle" height="54" width="153"> <style> .background1 { background-image: url(http://www.allautoinsurance.org/wp-c...tom_left.jpg); background-repeat: no-repeat; } </style> <input type="text" name="subid1" value="ENTER ZIP CODE" style="margin-left:30px; margin-bottom:5px; width:110px; border-width:0px; font-size:14px; font-family: Arial, Helvetica, sans-serif;" onClick="javascript:this.value='';"> </td> <td> <input type="image" src="http://www.allautoinsurance.org/wp-content/uploads/2009/08/bottom_right.jpg"></td> </tr> </table> </form> </div> <div style="text-align: left;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; font-family: Georgia;"><span style="font-size: 12pt;"><span style="font-weight: bold; color: rgb(0, 0, 0); font-size: 12pt;">Step 1)</span> Input your zip code and click the button above to begin browsing the auto insurance providers in your area</span></span></span><br /> <br /> <span style="font-size: 12pt;"><span style="font-size: 12pt; font-family: Georgia;"><span style="font-size: 12pt;"><span style="font-weight: bold; color: rgb(0, 0, 0); font-size: 12pt;">Step 2)</span> Select the auto insurance provider you're most comfortable with by clicking their picture<span style="font-weight: bold; color: rgb(255, 0, 0); font-size: 12pt;"> </span></span></span></span><br /> <span style="font-size: 12pt;"><span style="font-size: 12pt; font-family: Georgia;"><span style="font-size: 12pt;"><span style="font-weight: bold; color: rgb(255, 0, 0); font-size: 12pt;">Warning</span>: Dont <span style="font-style: italic; font-size: 12pt;">always </span>go with the cheapest in the area</span></span></span><br /> <br /> <span style="font-size: 12pt;"><span style="font-size: 12pt; font-family: Georgia;"><span style="font-size: 12pt;"><span style="font-weight: bold; color: rgb(0, 0, 0); font-size: 12pt;">Step 3)</span> Continue with the providers process if they meet your requirements</span></span></span></span><br /> </div> <div style="margin-left: 40px;"><span style="font-size: 10pt; font-family: Georgia;"><span style="font-size: 10pt;"></span></span></div><span style="font-size: 10pt; font-family: Georgia;"><span style="font-size: 10pt;"><br /> <span style="font-size: 12pt;">***We've been showing people how to get insurance quickly and easily for years. We respect your privacy, it is just as important to us as it is to you.</span></span></span> .....thanks for any help, i really appreciate your time and effort. if this code doesnt look smart at all its cuz i used some free WYSIWYG editor to generate it. i actually am very confused lol. thanks again. Best, Kyle P So I've been trying to set up a search box to blank out its default text when clicked, and reappear when it goes away (if empty). The script works fine--I know that much. However, when using it inside a table inside a form, it seems to fail every single time. Even "this.value=' ' " falls flat on its face. I'm relatively new to HTML, so please bear with me. Below is the script, a text box it does work in, and then the box I'm trying to make it work in. Quote: <script type="text/javascript"> function clickIn(field){ if (field.value==field.defaultValue){ field.value=''; } } function clickOut(field){ if (field.value==''){ field.value=field.defaultValue; } } </script> <form> <input type="text" name="text" id="test" value="test" onfocus="clickIn(this)" onblur="clickOut(this)"/> </form> <form> <tr> <td style="border-style:solid;border-color:#4B7B9F;border-width:1px;"> <!--Search Box Dimensions--> <input type="text" title="Search Terms" name="lookfor" id="search" value="Search the Catalog" onfocus: "clickIn(this)" onblur="clickOut(this)" style="width:300px; border:0px solid; height:50px; padding:0px 3px; position:relative;"/> </td> <td style="border-style:solid;border-color:#4B7B9F;border-width:1px;"> <!--The search button--> <input type="image" value="Go" src="Search Button.jpg" style="border-style: none; width: 50px; height: 50px;"/> </td> </tr> </table> </form> Hi everybody! I have a jsp page with a form and a table. My aim is that when i press the submit button of the form,collect the data and fill the table with it. I am working with J2EE. I have already collected the data in a Java class,but I dont know how to introduce this data into the table. Best Regards! Here is an image depicting the trouble I'm having: I want to make a table, consisting of many cells. These cells would be fixed, and *very different* in sizes. It's easy to make a no-space table when all the images are exactly the same size, but when you have images with a variety of sizes, the table doesn't fit perfectly. Basically I want to create a collage of images with overlay text on each image. My idea was that I could create a table, and each cell (td) would have a background which is the image. Then I could just type in that cell, so the text would be over the image. Then I'd do this for every one of my images, and a collage would be formed. The problem is, the table makes large white spaces wherever the image sizes don't match! How do I get rid of these spaces, or is there an entirely different code/approach I should be using? Thanks! Here is my current code: HTML Code:
<html>
<head>
<style type="text/css">
table.nospace {
padding: 0; margin: 0;
border-collapse: collapse;
}
table.nospace tr {
padding: 0; margin: 0;
}
table.nospace td {
padding: 0; margin: 0;
}
</style>
</head>
<body>
<TABLE class="nospace" width="2040px" height="2000px" cellspacing="0px" cellpadding="0px">
<TR>
<td valign="top">
<table><tr>
<TD WIDTH="800px" HEIGHT="800px" BACKGROUND="image.jpg" VALIGN="bottom">
<h1><FONT COLOR=#ffffff>text</FONT></h1>
</TD></tr></table>
</td>
<td valign="top">
<table><tr>
<TD WIDTH="700" HEIGHT="497" BACKGROUND="image" VALIGN="bottom">
<h1><FONT COLOR=#ffffff>Text</FONT></h1>
</TD></tr></table>
</td>
<td valign="top">
<table><tr>
<TD WIDTH="700" HEIGHT="467" BACKGROUND="image.jpg" VALIGN="bottom">
<h1><FONT COLOR=#ffffff>Text</FONT></h1>
</TD></tr></table>
</td>
</TR>
</TABLE>
</body>
</html>
The table itself is working fine, but the size of each cell is not correct in Firefox. Here is a screenshot of what is happening: http://img35.imageshack.us/img35/1938/tabletroubles.gif Here is the head of my page, the css for the table is he HTML Code:
<style type="text/css">
#cat table {border:0px solid #333333; cell-padding:0; cell-spacing:0; align=center}
#cat tr {align=center}
#cat td {font-size: 13px; font-family=tahoma; font-weight: bold; padding: 0px; border:0px solid #333333; align=center;}
#cat td a {text-decoration: none; color:#757575; background-color: white; display:block; height=23; background-image: url(linkbg1.gif); align=center;}
#cat td a:hover {background-color: #333333; font-weight: bold; text-decoration: none;color: #ffffff; background-image: url(linkbg2.gif); align=center;}
</style>
and here is the table code, located in the body of the page: HTML Code: <div style="Height:53px; overflow:auto; width:900px; position:absolute; top:0; left:0"> <TABLE bgcolor=#333333 cellspacing=0; cellpadding=0;><tr><td> <div id="cat"> <table width=900; cellpadding:0px; cellspacing:0px> <tr align=center> <td width=20%> <font face=tahoma><a href="home.html">Home</a></font> </td> <td width=20%><center><font face=tahoma><a href="openings.html" target="_top">Openings</a></font></center></td> <td width=20%><center><font face=tahoma><a href="dance.html" target="_top">Dance</a></font></center></td> <td width=20%><center><font face=tahoma><a href="projects.html" target="_top">Projects</a></font></center></td> <td width=20%><center><font face=tahoma><a href="vocaloid.html" target="_top">Vocaloid</a></font></center></td> </tr> <tr> <td width=20%><center><font face=tahoma><a href="fanflashes.html" target="_top">Fanflashes</a></font></center></td> <td width=20%><center><font face=tahoma><a href="caramelldansen.html" target="_top">Caramelldansen</a></font></center></td> <td width=20%><center><font face=tahoma><a href="cosplay.html" target="_top">Cosplay</a></font></center></td> <td width=20%><center><font face=tahoma><a href="endings.html" target="_top">Endings</a></center></td> <td width=20%><center><font face=tahoma><a href="anime.html" target="_top">Anime Episodes</a></font></font></center></td> </tr> </table> </div> </td></tr></table> </div> A table is nested within another table. The table on the outside has no content, it is there to make a gray border around everything else. If you look at the table in firefox & internet explorer, you'll see that in IE- the table is much thicker than in firefox. How can i make it so that the table in Firefox will have the same thickness as the one in IE? I could really use some help. Thanks! I will be brief in hoping that the issue does not require a thesis to properly fix. I'm dealing with tables within tables..within tables. In one instance, I have a 2x1 (row by column) table inside another table. So, we'll call the inside table "B" and the outside table "A". Table B is centered inside a column in Table A. I'm trying to maximize the space, but nearly nothing works. Setting Table B height=100% does nothing. The only thing that works is setting the height=N px, where N is a number. This is no good, as I want to the site to work on all resolutions. I want it to be proportional. How can I fix this? Here's what I'm dealing with, visually: Any help would be welcome. Thanks. I would like to know if there is such a thing as a tag within a table, that can collapse if the next table within that prior one gets too big to center? Here is an example of a part of my code: Code: <table style="width:757; border-style:solid; border-width:thin; margin:0 0 15px 0">
<tr><td class="spb-category" width="750" style="text-align:left;" colspan="3">Title of this category</td></tr>
<tr>
<td valign="top" width="33%">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=103">large size book title with author</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
<tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=187">small sized book</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
<tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=197">small sized book</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
</table> </td>
<td valign="top" width="33%">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=101">small sized book</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
<tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=188">small sized book</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
<tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=120">Medium sized boot title</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
</table> </td>
<td valign="top" width="33%">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=102">a very long title of a book which includes the author</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
</table>
</td>
</tr>
</table>
1. I want to center each column so that the first letter of each book title is lined-up, but that the longest title on each column has equal space on both left and right. 2. If you look at each column, the width is about 245px. With regard to the first book title in the first column, I have 50px that is extra, therefore I'd like to automatically add 25px to the front of each one of the books for that column. 3. On the second column, there is about 80px extra, therefore I'd like to auto-add 40px to the front of each book in that column. My problem is that I don't want the column centered individually because then I will lose the straight line that I'd like each book to be on top of each other as it starts the line. I tried: style="margin-left:20px" and style="padding-left:20px" but when the title got too long it would not auto-collapse the left side, I want it to collapse! I want one tag that I can insert evenly on every section to get the push to the right an even amount of spaces for every book on each column. If it comes down to it, I wouldn't mind sacrificing that each column gets auto aligned to what is necessary for its own column. So if I have to use one number, say 30px, for the whole webpage, then ok, I'd do it. My problem is that sometimes the 30px empty filler space for the left, in order to push the title to the right, is not enough space for a very long title and it winds up sending half the title to the next line, which I don't want. This code is a list of books that spans about 20 categories and about 400 book titles. Thanks in advance for any help you might offer. Hello, I am newbie, just has started my adventure with html. I tried to make an easy static site, without any additional thingd, but it occured a problem. 1. I mean, as I put table in table because I did know how to to id in different way, to make buttons on the left stay up while text on the right is moving- if I do normal table with 2columns and on the left lets say 5rows for buttons, on the right I unite all rows to make one big sort of box for contents, as I go down and try to write something morre, the rows from the letf were enlarging too If the size of explorer or firefox is nor full screen, the text in contents is going away (like now in lycos server, where screen is not full, but "cut" by advertise) 2. I have highlighted buttons, but not always works, why? (i mean it works, but darker buttons are charging so slow- maybe it is so because i saved them in pgn instead in gif, and each one is about 50kb?) -probably it is not this- because I have just changed into gif, and it is still the same 3. Another problem, as I post the site, I have notice, that in firefox I can not navigate with buttons, while in explorer yes, is it a fault of my coding, or of server where I put website? Here I post my website: http://members.lycos.co.uk/aniaacolgate/ Could someone take a look on the code, and will be so kind to correct me? It is a basic easy site of very begginger I just wanted to make a shape like this: - top: a banner - buttons in horizontal and vertical way - under buttons: contents (sincerly would like to put frames, but do not know how to put them there, is on the left there r buttons Thank you so much in advance for reply Sorry for mistakes in language I have a list within a table and much of the content has links to two different javascript codes. One is a popup javascript to so that I can control the window size and the other is a toggle.display javascript to show/hide specific details about my list. The scripts run fine, but for some odd reason the content in my table gets cut off randomly towards the end of the list. I went through to make sure that I didn't have any div tags nested.. etc.. and i'm now at a complete loss as to why my content within the table gets randomly cut off. Any help would me much appreciated. The link for the site is he http://netimpact.org/displaycommon.c...rticlenbr=2440. You'll notice at the very bottom of the table it randomly stops.. |
|||||||