So I wanted to try out a new layout for a page, back in October, and I used the "jump to feature. It was a panel-by-panel cartoon strip-like thingy. you read one, then click on hte arrow pointing to the right, which has the appropriate A HREF="#" tag, and a corosponding A name= tag, but it won't jump to the side. I've used this plenty of times and it does great up and down.
Am I doing something wrong, or is it just not possible to make it go leftand right?
Full Version: Jump To
Do you have a link to an example page? Hard to tell if you made mistakes without seeing your handiwork.
CODE
<HTML><HEAD><TITLE>This is the title</TITLE>
<META content="MSHTML 6.00.2900.2912" name=GENERATOR></HEAD>
<BODY bottomMargin=0 bgColor=#00000 leftMargin=0 topMargin=0 rightMargin=0>
<TABLE style="WIDTH: 5986px" borderColor=#0000ff cellSpacing=0 cellPadding=15 bgColor=#f5f5f5 border=1>
<TBODY>
<TR>
<TD style="PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 40px; PADDING-BOTTOM: 20px; WIDTH: 800px; COLOR: red; PADDING-TOP: 20px; FONT-FAMILY: Conic Sans MS">
<CENTER>U.S.S. Pumpkinprize<BR><BR><SPAN style="FONT-SIZE: 15px; COLOR: black; FONT-FAMILY: arial">(The First Adventure)<BR><BR>(Created by me in 2005; maybe another one next year)</SPAN></CENTER><BR><BR><SPAN style="FONT-SIZE: 13px; COLOR: black; FONT-FAMILY: Times New Roman"> Note they have a few spelling errors, one improper usage of "-" setence break, and at least one "an" where it should have been "a". And one panel missing ... noticably ... <EM>STARS</EM>:</SPAN></TD>
<TD style="WIDTH: 400px"><A name=1> </A><IMG src="http://img147.imageshack.us/img147/7717/onegg6.png" border=0></TD>
<TD style="WIDTH: 400px"><A name=2> </A><IMG src="http://img206.imageshack.us/img206/5782/threejv1.png" border=0></TD>
<TD style="WIDTH: 400px"><A name=3> </A><IMG src="http://img97.imageshack.us/img97/5128/twotv8.png" border=0></TD>
<TD style="WIDTH: 400px"><A name=4> </A><IMG src="http://img99.imageshack.us/img99/3536/fourww6.png" border=0></TD>
<TD style="WIDTH: 400px"><A name=5> </A><IMG src="http://img157.imageshack.us/img157/8610/fivehe4.png" border=0></TD>
<TD style="WIDTH: 400px"><A name=6> </A><IMG src="http://img157.imageshack.us/img157/843/sixdh3.png" border=0></TD>
<TD style="WIDTH: 400px"><A name=7> </A><IMG src="http://img218.imageshack.us/img218/3552/sevenux8.png" border=0></TD>
<TD style="WIDTH: 552px"><A name=8> </A><IMG src="http://img156.imageshack.us/img156/8938/eightnn2.jpg" border=0></TD>
<TD style="WIDTH: 400px"><A name=9> </A><IMG src="http://img156.imageshack.us/img156/41/ninepn1.png" border=0></TD>
<TD style="WIDTH: 552px"><A name=10> </A><IMG src="http://img180.imageshack.us/img180/4448/ten2qz9.jpg" border=0></TD>
<TD style="WIDTH: 552px"><A name=11> </A><IMG src="http://img180.imageshack.us/img180/9605/elevinwx9.jpg" border=0></TD></TR>
<TR>
<TD style="WIDTH: 600px" align=right><A href="#1"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 430px" align=right><A href="#2"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 430px" align=right><A href="#3"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 430px" align=right><A href="#4"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 430px" align=right><A href="#5"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 430px" align=right><A href="#6"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 430px" align=right><A href="#7"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 430px" align=right><A href="#8"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 582px" align=right><A href="#9"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 430px" align=right><A href="#10"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 582px" align=right><A href="#11"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 582px" align=left>ADVENTURE ONE: CONCLUDED</TD></TR></TBODY></TABLE></BODY></HTML>
<META content="MSHTML 6.00.2900.2912" name=GENERATOR></HEAD>
<BODY bottomMargin=0 bgColor=#00000 leftMargin=0 topMargin=0 rightMargin=0>
<TABLE style="WIDTH: 5986px" borderColor=#0000ff cellSpacing=0 cellPadding=15 bgColor=#f5f5f5 border=1>
<TBODY>
<TR>
<TD style="PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 40px; PADDING-BOTTOM: 20px; WIDTH: 800px; COLOR: red; PADDING-TOP: 20px; FONT-FAMILY: Conic Sans MS">
<CENTER>U.S.S. Pumpkinprize<BR><BR><SPAN style="FONT-SIZE: 15px; COLOR: black; FONT-FAMILY: arial">(The First Adventure)<BR><BR>(Created by me in 2005; maybe another one next year)</SPAN></CENTER><BR><BR><SPAN style="FONT-SIZE: 13px; COLOR: black; FONT-FAMILY: Times New Roman"> Note they have a few spelling errors, one improper usage of "-" setence break, and at least one "an" where it should have been "a". And one panel missing ... noticably ... <EM>STARS</EM>:</SPAN></TD>
<TD style="WIDTH: 400px"><A name=1> </A><IMG src="http://img147.imageshack.us/img147/7717/onegg6.png" border=0></TD>
<TD style="WIDTH: 400px"><A name=2> </A><IMG src="http://img206.imageshack.us/img206/5782/threejv1.png" border=0></TD>
<TD style="WIDTH: 400px"><A name=3> </A><IMG src="http://img97.imageshack.us/img97/5128/twotv8.png" border=0></TD>
<TD style="WIDTH: 400px"><A name=4> </A><IMG src="http://img99.imageshack.us/img99/3536/fourww6.png" border=0></TD>
<TD style="WIDTH: 400px"><A name=5> </A><IMG src="http://img157.imageshack.us/img157/8610/fivehe4.png" border=0></TD>
<TD style="WIDTH: 400px"><A name=6> </A><IMG src="http://img157.imageshack.us/img157/843/sixdh3.png" border=0></TD>
<TD style="WIDTH: 400px"><A name=7> </A><IMG src="http://img218.imageshack.us/img218/3552/sevenux8.png" border=0></TD>
<TD style="WIDTH: 552px"><A name=8> </A><IMG src="http://img156.imageshack.us/img156/8938/eightnn2.jpg" border=0></TD>
<TD style="WIDTH: 400px"><A name=9> </A><IMG src="http://img156.imageshack.us/img156/41/ninepn1.png" border=0></TD>
<TD style="WIDTH: 552px"><A name=10> </A><IMG src="http://img180.imageshack.us/img180/4448/ten2qz9.jpg" border=0></TD>
<TD style="WIDTH: 552px"><A name=11> </A><IMG src="http://img180.imageshack.us/img180/9605/elevinwx9.jpg" border=0></TD></TR>
<TR>
<TD style="WIDTH: 600px" align=right><A href="#1"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 430px" align=right><A href="#2"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 430px" align=right><A href="#3"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 430px" align=right><A href="#4"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 430px" align=right><A href="#5"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 430px" align=right><A href="#6"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 430px" align=right><A href="#7"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 430px" align=right><A href="#8"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 582px" align=right><A href="#9"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 430px" align=right><A href="#10"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 582px" align=right><A href="#11"><IMG src="/_webimages/AorrowLeft.bmp" border=0></A></TD>
<TD style="WIDTH: 582px" align=left>ADVENTURE ONE: CONCLUDED</TD></TR></TBODY></TABLE></BODY></HTML>
It looks all right, and I'm fairly sure I put the right thing to each.
But of course I can't count out fudging up.
QUOTE(tharpdevenport @ Jan 30 2007, 12:24 PM) 
Am I doing something wrong, or is it just not possible to make it go leftand right?
Horizontal scrolling causes problems. Browsers won't scroll horizontally when using links to anchors, they provide fewer shortcuts for scrolling horizontally than they do for scrolling vertically, your visitors will be more comfortable scrolling vertically than horizontally, etc.
But sometimes horizontal scrolling can have a purpose. 
http://web.archive.org/web/20021208084351/...pple/index.html
First, the value of name cannot start with a number.
http://www.w3.org/TR/html401/types.html#type-name
Second, wrap the named anchor around the image itself instead of filling it with a space.
<a name="XXX"><img...></a>
http://web.archive.org/web/20021208084351/...pple/index.html
First, the value of name cannot start with a number.
http://www.w3.org/TR/html401/types.html#type-name
Second, wrap the named anchor around the image itself instead of filling it with a space.
<a name="XXX"><img...></a>
Quick note -- I'm not having them scroll, I'm having them "jump" horizontally.
QUOTE(tharpdevenport @ Feb 1 2007, 01:44 PM)
Quick note -- I'm not having them scroll, I'm having them "jump" horizontally.
What's the difference?
Well, they don't have to scroll manually. Each picture on that link is intended to take up most (if not all) of the screen. they just press the "jump" and it goes right to the next.
Did you notice I gave you the solution like yesterday? 
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.