|
HTML - Cant Get Order Form Table To Fit Properly In A Wp Build.
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>
Similar TutorialsHello I am trying to figure out the best way to make a table that shows a product then under the product has a small description, link to get details and then an add to cart link/image. an example of what I ma trying to do is the table they have built here; http://www.cabothillsmaple.com/order_syrup.htm What is the best way to do this? Thanks for your help I am trying to get this table to align properly but to no avail so far. Also, I'd like to be able to put a form in the middle of the pictures. Here is the code for the section I am referring to: Code: <table border="10"><tr><td><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"></td><br></tr><tr> <td align="left"><img src="bal.gif"><img src="bal.gif"></td> <td align="right"><img src="bal.gif"><img src="bal.gif"></td></tr><br><tr> <td align="left"><img src="bal.gif"><img src="bal.gif"></td> <td align="right"><img src="bal.gif"><img src="bal.gif"></td></tr><br><tr> <td align="left"><img src="bal.gif"><img src="bal.gif"></td> <td align="right"><img src="bal.gif"><img src="bal.gif"></td></tr><br><tr> <td><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"></td></tr> </table> Hi everyone! On a site I am making there's a table which -- only in the IE-s including version 7 -- is not properly displayed: the column containing the text is only approx. half filled in width. Most (not to say all) other browsers get this right... Anyone got an idea, why this could be? Thx and best, T Hey guys this is my first post and my first question ^^ Lets say I have a table with one row and two cells. Is it possible for the data in the second cell to appear first in code? Why you may ask, because we whant the text in the second cell to be picked up by spiders first. Thanks. Well, I am new to HTML and I would just like to say that I appreciate anyone who takes their time to busy themselves with my concerns. I have a simple problem that I am not sure how to fix. My problem is that in all the tables I create, the first row of the table (the titles) are all centered, but pushed a bit to the left. I use the the text align center and <center> tags and it works on everything except the table titles, which are centered, but a bit to the left. It is fairly noticeable and is extremely annoying. Can someone try helping me out? Thanks. -fenzo666 Im hoping someone can help me out on this one im just getting back into coding so im a little rusty but i am somewhat stumped by this issue i have a table that the text refuses to align to top middle unless its divided up into a new cell. The best it will do is align middle left of the cell but refuses to go to the top. The site that it is on with the issue is www.gamersjoy.com the table in question is the center table with updates, as you can see everything is pushed halfway down and aligned to the left Any help would be greatly appreciated as it is slowing me down from finishing my project thanks in advance Tcanuth I apologize if it is improper protocol to post a link rather than the actual code but since View>Source exists for seeing both the html and css code and there is a fair amount of code...here is the link: http://nicolemuller.com/IMS/FINAL/ne...al/signin.html I don't know what I'm doing wrong but I cant get all the elements in the 2 rows to align and center with the rule of the menu strip. Any help would be great-thanks! Hi, I'm new to HTML. I have not yet started using CSS. I'm just using basic html. I'm having problem creating a nested table as shown in the attachment without using CSS style sheets. I appreciate anyone's suggestions in this. I pasted the code that tried below. <h3> 5) - Nested Table </h3> <table align="left" width="350" bgcolor="#ffff00" border="1"> <tr height="75" align="left"> <td height="100" > </td> <td height="75"> test2 </td> <td height="75"> </td> </tr> <clear="left" /> <tr> <td> <table align="left" bgcolor="f5f5dc" border="1"> <tr> <td width="100%" height="75"> a nested table </td> <td width="100%" height="75"> With this text at the top </td> </tr> <tr> <td width="100%" height="75"> </td> <td width="100%" height="75"> </td> </tr> </table> </td> </tr> <tr height="75" align="left"> <td></td> <td></td> <td></td> </tr> </table> Thanks in advance Hey, I'm trying to set something so simple as the TD width for 1 specific column, but it will NOT listen to me! http://www.unreal-deals.com/ebook/ad...i-showdata.php I've set the td width on the second column Item_Name to be 5000px, just to see if it would work. It does nothing. No matter if I set the table width to 100% or 300%, setting the TD width does not affect that TD... What am I missing here? Thanks I recently finished creating this html/css layout design. It's been put together with the use of tables, and is valid CSS and XHTML 1.0. However it just won't seem to show up correctly in any browser other than Internet Explorer. What is up!? Can someone please check my code over and help me out? I need to have this done by tomorrow and am totally lost! Thanks in advance! Here's the URL: http://barrel-house.ca/test/ I'm helping a friend build a site to sell textbooks, and the system that he's going to implement involves an "Order" page wherein you enter (or select) a five-digit class code for, say, five different classes. What I want to know how to do is, once someone has their classes all selected and hits the "order" button, that they are given an invoice for the amount of the books needed for those classes. So, essentially, I need to figure out a way to tie each of these five-digit class codes to a certain price which will be given to the customer to complete the order right there on the site. The old model had used a method wherein a list of the classes would be sent to my friend, who would then figure the cost and call the customer back with the total. I apologize if none of this is making sense. If not, please let me know what it is that's confusing so I may clarify. Hi everyone, below is my Paypal html order form. Im still working on the site " http://www.rjapzdesigns.com/#/order-form/4552072670 ". And I added the 5 input fields, and when the buy now is clicked, it directs to the Paypal payment page, but the information doesn't show up in my paypalaccount email. And my site is hosted by moonfruit, and their email client works works fine. I done tuns of test runs and can't find the problem. Please help if any body know what codes are missing, or needs to be changed, It's driving me nuts... Code: <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> Company Name*:<input type="text" name="Company name" size="15"><br> Slogan: <input type="text" name="Slogan" size="15"><br> First Name*: <input type="text" name="First Name" size="15"><br> Last Name*: <input type="text" name="Last Name" size="15"><br> Email: <input type="text" name="Email" size="20"><br> <input type="hidden" name="cmd" value="_xclick"> <input type="hidden" name="business" value="paypalaccount@rjapzdesigns.com"> <input type="hidden" name="lc" value="US"> <input type="hidden" name="item_name" value="Camping/Hiking"> <input type="hidden" name="item_number" value="Camp1front"> <input type="hidden" name="amount" value="5.00"> <input type="hidden" name="currency_code" value="USD"> <input type="hidden" name="button_subtype" value="services"> <input type="hidden" name="bn" value="PP-BuyNowBF:btn_buynowCC_LG.gif:NonHosted"> <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"> <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> </form> Robert I have an e-mail form on my site and when someone clicks the submit button I get sent two e-mails. Did I do something wrong or miss something? Here is the code I am using. Code: <form name="form1" method="post" action="http://wrathchild.edit-strike.nl/securemail.php"> <input type=hidden name="subject" value="Request from site"> <input type=hidden name="required" value="fullname,email"> <input type=hidden name="redirect" value="http://wrathchild.edit-strike.nl/thankyou.html"> Name:<br><input type=text name="fullname"> <P> E-mail:<br><input type=text name="email"> <P> What kind of graphic would you like ?<br> <select> <OPTION VALUE="signature">Signature <OPTION VALUE="spray">CS:S Spray/Logo <OPTION VALUE="Web Banner">Web Banner <OPTION VALUE="other">Other </select> <p> Details:<br><textarea name="details" rows="10" cols="50"> </textarea> <P> <P> <P> <input type="submit" name="Submit" value="Submit"><br> </form> firstly hello to everyone - sorry for not introducing myself prior to posting but im in DESPERATE need of help and hope someone will take pity on me and put me out my misery!!! I am trying to include an order form in a website i am building.. i would like it to have the ability to 'copy' information from 'customers details' to 'delivery details' if these are one and the same - i have tried various things all to no avail... here is what i have so far.... -------------------------------------------------------------------------------------------------------- <HTML> <head> <title></title> <script type="text/javascript"> function data_copy() { if(document.form1.copy[0].checked){ document.form1."Delivery Name".value=document.form1."Customer Name".value; document.form1."Delivery Address 1".value=document.form1."Customer Address 1".value; document.form1."Delivery Address 2".value=document.form1."Customer Address 2".value; document.form1."Delivery Town".value=document.form1."Customer Town".value; document.form1."Delivery County".value=document.form1."Customer County".value; document.form1."Delivery Post Code".value=document.form1."Customer Post Code".value; }else{ document.form1."Delivery Name".value=""; document.form1."Delivery Address 1".value=""; document.form1."Delivery Address 2".value=""; document.form1."Delivery Town".value=""; document.form1."Delivery County".value=""; document.form1."Delivery Post Code".value=""; } } </script> </head> <form name=form1 action=""> <TABLE width="800" border="0" align="center" cellpadding="5" cellspacing="0"> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana"><b>Customer Details:</b></font></td> <td width="200"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana"><b>Delivery Details:</b></font></td> <td width="200"></td> </tr> <tr> <td></td> <td></td> <td></td> <td><input type=radio name=copy value='yes' onclick="data_copy()";><font face="Verdana" size="2">Same As Customer</font></td> <td><input type=radio name=copy value='no' onclick="data_copy()";><font face="Verdana" size="2">Not Same</font></td> </tr> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana">Name:</font></td> <td width="200" align="left"><input name="Customer Name" type="text" size="30"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana">Name:</font></td> <td width="200" align="left"><input name="Delivery Name" type="text" size="30"></td> </tr> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana">Address 1:</font></td> <td width="200" align="left"><input name="Customer Address 1" type="text" size="30"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana">Address 1:</font></td> <td width="200" align="left"><input name="Delivery Address 1" type="text" size="30"></td> </tr> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana">Address 2:</font></td> <td width="200" align="left"><input name="Customer Address 2" type="text" size="30"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana">Address 2:</font></td> <td width="200" align="left"><input name="Delivery Address 2" type="text" size="30"></td> </tr> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana">Town:</font></td> <td width="200" align="left"><input name="Customer Town" type="text" size="30"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana">Town:</font></td> <td width="200" align="left"><input name="Delivery Town" type="text" size="30"></td> </tr> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana">County:</font></td> <td width="200" align="left"><input name="Customer County" type="text" size="30"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana">County:</font></td> <td width="200" align="left"><input name="Delivery County" type="text" size="30"></td> </tr> <tr bgcolor="#FFFFFF"> <td width="300" align="left"><font size="2" face="Verdana">Post Code:</font></td> <td width="200" align="left"><input name="Customer Post Code" type="text" size="15"></td> <td width="200"></td> <td width="300" align="left"><font size="2" face="Verdana">Post Code:</font></td> <td width="200" align="left"><input name="Delivery Post Code" type="text" size="15"></td> </tr> </table><br> <br><input type="Submit"> </form> </body> -------------------------------------------------------------------------------------------------------- although it looks ok when i preview it for some reason it will not copy the information i want... if anyone can help (and ideally explain what i am doing wrong) i would be very very thankful! kind regards lawrence (larryg) Hello, I want to build button for menu on a site. Each button is made from 'div'. When button is in release state (not pressed), the border-style of its div must be "outset". When button is in actioned state (pressed), the border-style of its div must be "inset". The code for release state may be: -------------------------- <a href="index.html"> <div id="menuHome" style="position:absolute; left:0px;top:0px;width:150px;height:20px; background-color:#FF6600; border-styleutset; border-color: #FF6600; border-width:3px;" align="center">Home </div> </a> -------------------------- The 'menuHome' is the button for home link and I make the link to this div and so on. My problem is to set the 'inset' property for border-style of 'menuHome' div when I click on this button to give effect of pressed button. Thank you. Hi guys I want to build a simple HTML site on WordPress but I don't want to use the templates they offer there. I also want to add java script effects. Or is there a way to modify the design of big areas in case I do use a custom template? I want the site to look something like that with some codes for the images to move around like that: http://www.studiobreakfast.be/ Is there a free way to do that of I need to pay? Thanks a lot for your help! Natalie Hey, I need to make an squre which would be fully compatible with CSS1 only - I've it with CSS2 or 3, but appication which is using these html templates is not compatible with those css (border of div is not visible etc), so I have to to it by some "old" kind of way. Square should be like 18x18px with nothing inside - just thin black border (1px). Let me know if there is any way which won't be <table... Thanks in advance! I would like to build this type of widget but without the trulia logos and taking them to the trulia site, i would like to be able to use my idx system to search properties http://www.trulia.com/tools/searchbox/#code_block i want to build a free website to start really learning html until i am a wizard at html I am very intersted in building a Scroll-over menu such as the one on this site: http://us.wholesalesports.com/storefront/ When you scroll over HUNTING or FISHING, you will see a very nice menu with other text links. This menu has a very nice light red background as well as a dark red highlight scroll over. Where would I find a script or code to add this to my web site? Is it CSS or some other? My web software is Dreamweaver. |
|||||||