Page Jumps are exactly what they sound like. They are links that are targeted to certain parts of your page so that when you click on them, you can go directly to the section of your page that you are looking for. Page Jumps are really quite simple. And below you will find the directions on how to do the basic and different variations of Page Jumps.

BASIC PAGE JUMPS

If you just want to do a normal page jump, then there are just two codes that you will need to be familiar with. First you must choose a code name for the page jump. A little tip, I would suggest using lowercase letters when doing this because it is very case sensitive and if you just get into the habbit of always using lowercase letters, then you will have less confussion later. So, lets say you decided to name the page jump as intro. This would be an example of what you would put as a link for that:

<a href="#intro">Click Here For Intro</a>

Now, you go down to the are of your page where you want the link above to go to once it is clicked on and enter the following code right above that text or images or whatever it may be:

<a name="intro">

That's It. You can have as many as u want. Just be sure to name them different things.

PAGE JUMPS w/ PIC LINKS

Ok, above I showed you how to do regular page jumps linking from words. If you want to link from a pic instead of words, it's really simple. All you have to do is replace the text with the url of ur pic. For example:

<a href="#intro"><img src="//URLofTheImageUwant.jpg"></a>

Now, you go down to the are of your page where you want the link above to go to once it is clicked on and enter the following code right above that text or images or whatever it may be:

<a name="intro">

Pretty simple huh? If you want to position the image u are using as a link and don't know how to position... check out the the "Positioning" section of this site.

PAGE JUMPS w/ DIVS

Now, This part is a little more complicated. First of all, you need to know how to make a div and position it. If you do not know how to do that, please ceck out the divs and the positioning sections of my site. Now, for the link you can choose to use the pic link or the text links that I showed you above. For this example I will use the text links. How, lets say you have an intro, about me, pics, and outro sections that you want to use in a div with page jumps. So, first you name them. Mine will be intro, aboutme, pics and outro. So, first you make the links for those:

<a href="#intro">Click Here for Intro</a> <a href="#aboutme">Click Here for Info on Me</a> <a href="#pics">Click Here for Pics</a> <a href="#outro">Click Here for Outro</a>

Ok, now what's going to happen is that you are going to create the divs in which The links u created above will be targeted to. U will be making divs inside of divs. The reason for this is that this way if you need to add scrollbars to a section, it is alright to overflow without seeing whats in the next section. You will only be positioning the first MAIN div. All the divs inside will only contain the same width and height as the main div. Also, the first div, (the one that is positioned) should have an overflow set to hidden while all the divs inside should have an overflow set to auto. Below is an example of the first main div that you will need to make. I just used random numbers. U can replace my numbers with what ever numbers you need to make this div fit what you want.

<div style="position:absolute;top300px;left:300px;width:200px;height:200px;overflow:hidden">

Notice I didnt close the div. DO NOT close the first one until you are done with everything. Now, for the second div you would make a div with the same width and height as the div above, (whatever numbers u chose) and u just change the over flow to auto. Then you add the second part of the page jump right above the info. for that section. For example:

<div style="width:200px;height:200px;overflow:auto"> <a name="intro"> Now all of your intro stuff goes here... blahhhhhhh. ok. then close it. </div>

Then u continue to make one for eack section. And when you are done and put it all together
it should turn out to look like something like this:

<div style="position:absolute;top300px;left:300px;width:200px;height:200px;overflow:hidden"> <div style="width:200px;height:200px;overflow:auto"> <a name="intro"> Now all of your intro stuff goes here... blahhhhhhh. ok. then close it. </div> <div style="width:200px;height:200px;overflow:auto"> <a name="aboutme"> Now all of your stuff about you goes here... blahhhhhhh. ok. then close it. </div> <div style="width:200px;height:200px;overflow:auto"> <a name="pics"> Now all of your pics go here... blahhhhhhh. ok. then close it. </div> <div style="width:200px;height:200px;overflow:auto"> <a name="outro"> Now all of your intro stuff goes here... blahhhhhhh. ok. then close it. </div></div>

COMBINING IMAGE MAPS & PAGE JUMPS

Ok, this is very simple. All you do is follow the same example as above for the 2nd part of the page jumps. As far as the links. All you do is enter the the name with a pound sign infront of it where it says url in the image mapper. (YES, you DO erase the http:// that is already in the URL box). for example: #intro, #aboutme, #pics, or #outro. One of those is all that should be in there at a time. and dont forget, u can name it whatever you want. Mine are just examples.