HTML - Order List

Alright so in what order should I learn the basic things of web design? I want a really cool site that look professional. So basically I want to learn HTML, XHTML, CSS, JAVASCRIPT, and PHP. What order should I learn those? Is that knowledge enough to make a stunning website?


----------------------

Does the order of laoding HTML,CSS,javascript files etc depends upon the rendering engine ? or they generally follow a common order.

What is the best place to link a javascript file ?

Hi.

I have a javascript script which slides a slider when you click on text or image. However when I click it, it slides down together with the div tag below it (there are total of 5 images which should be in one line and slide a box under them when clicked).

Here is my code:

Code:

<div class="slider1"><img src="big_button1.png" /><div class="x">
text text text</div></div>
<div class="slider2"><img src="big_button2.png" /><div class="xx">
text text text</div></div>
<div class="slider3"><img src="big_button3.png" /><div class="xxx">
text text text</div></div>
<div class="slider4"><img src="big_button4.png" /><div class="xxxx">
text text text</div></div>
<div class="slider5"><img src="big_button5.png" /><div class="xxxxx">
text text text</div></div>

And if you didn't understood what is happening and what I want to do, here is an image. Feel free to ask if you still don't get it:

Hi,

how can I rearrange items by name or genre?
I want to make a sort of collection for a few movies, with information about actors and so on.
I have the information for each movie in a div tag. What do I have to do so that when I click, let's say on name, it lists the movies alphabetically?

Is there any solution for this? Or generally how would you do this?

Thank you.

Hi all,
I am new here and this will be my first official question. I am a complete beginner at this and would like some advice. I am currently learning HTML and would like to know this...
Given all the advancements in web programming languages, in what order would you all suggest learning them. I am pretty sure HTML stands out as numero uno on the list but where from there and in what order would you learn them.
Thanks in advance for you help and I look forward to being a member of this forum.

I'm trying to impliment a work order system on my website, and example can be seen here of the work order system beta i'm working on,

http://www.army.mil/oldguard/workorder/pworkorder.htm

I need to be able to assign a work order number automatically that will not only go in the e-mail that flexmail sends out from the form, but also lets the user know what their work order number will be. Also, the work order number should not increase unless there is a successful form submission.

The army is paranoid so we have no access to asp, php, perl, or cgi on the server, has to all be done with ajax, javascript, and html.

The only other 3rd party software is felxmail and all it handles is the sending of the information fed to it via e-mail.

Thank for any help you can provide.

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.

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.

My site is www.realcrazyestate.com

Right at the top of it, I have 3 flash animations. The top banner is animated, and then left and right of the main body text I have an animation of the Sears Tower popping up. Obviously, the banner loads first, but I want to make sure that when the sears towers pop up they come up simultaneously. My question is, when an HTML page loads, does:

1. If there are multiple objects in the page, but they are identical, does the browser download each object separately or does it just download the object once and then reference it out of cache for the second time it comes up in the web page? If the browser downloads an object twice, is there a way to make it do it only once to be more efficient with page loading?

2. Is there a way to make sure that both of the Sears Tower animiations load simultaneously in every case? I don't want one tower popping up before the other.

Thanks!

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

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)

Hi guys,

I need a little help with something thats seems pretty easy but for some reason i can't get it to work.

this is my website: www.theblindtaste.com

what i would like to do is to reverse the order of the posts shown on the sidebar_left.php. as it is i feel it is a little repetitive since 2 of the same posts are featured in the middle of the page.

this is the sidebar_left.php code:
-------------------------------------------------------------------------
<!-- begin r_sidebar -->

<div id="sidebar_left">

<h4 class="featuredtitle"><?php echo cat_id_to_name(ot_option('hp_side_cat')); ?></h4>

<?php $recent = new WP_Query("cat=" .ot_option('hp_side_cat'). "&showposts=" .ot_option('hp_side_num') ); while($recent->have_posts()) : $recent->the_post();?>


<div class="sidecontent">

<a href="<?php the_permalink() ?>" rel="bookmark"><?php the_post_thumbnail( 'home-side' ); ?></a>
<h4><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h4>
<?php the_content_limit(50, ""); ?>
<a class="morelink" href="<?php the_permalink() ?>" rel="bookmark"><?php _e("Read More", 'organicthemes'); ?></a>
<div class="clear"></div>

</div>

<?php endwhile; ?>

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Left Sidebar') ) : ?>
<div class="widget">
<h4>Widget Area</h4>
<p>This section is widgetized. To add widgets here, go to the <a href="<?php echo admin_url(); ?>widgets.php">Widgets</a> panel in your WordPress admin, and add the widgets you would like to <strong>Left Sidebar</strong>.</p>
<p><small>*This message will be overwritten after widgets have been added</small></p>
</div>
<?php endif; ?>

------------------------------------------------

thank you for your help !

tbt

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..
I understnad that
Code:

<ol><li> Car</li>
<li>Bus</li>
<li>Train</li></ol>

will display
1.Car
2.Bus
3.Train

I want the lists to appear decending order as in

3.Car
2.Bus
1.Train

The logic is "Train"-- was added first, and the most recent addition-- "Car" is shown at the top
Now these lists are added dynamicaly .. so i cannot use the START

Any help is great help
Thank you
Deepa

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en-US">
...
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

http://www.iaps.com/2008-server-reliability-survey.html

The first few characters do not appear in my text editor. They only appear in Firefox's View Source (not IE, OP, SA). Validation complains:

Byte-Order Mark found in UTF-8 File.

The Unicode Byte-Order Mark (BOM) in UTF-8 encoded files is known to cause problems for some text editors and older browsers. You may want to consider avoiding its use until it is better supported.

My other pages, with the same DOCTYPE do not show this error. Copy and paste from a good page does not make the problem go away. I'm stumped.

Assistance solving this baffling problem is appreciated.