Help - Search - Members - Calendar
Full Version: Jump To
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
tharpdevenport
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?
Effovex
Do you have a link to an example page? Hard to tell if you made mistakes without seeing your handiwork.
tharpdevenport
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">&nbsp;&nbsp;&nbsp;&nbsp; Note they have a few spelling errors, one improper usage of "-" setence break, and at least one "an" where it should have been "a".&nbsp; And one panel missing ... noticably ... <EM>STARS</EM>:</SPAN></TD>

<TD style="WIDTH: 400px"><A name=1>&nbsp;</A><IMG src="http://img147.imageshack.us/img147/7717/onegg6.png" border=0></TD>
<TD style="WIDTH: 400px"><A name=2>&nbsp;</A><IMG src="http://img206.imageshack.us/img206/5782/threejv1.png" border=0></TD>
<TD style="WIDTH: 400px"><A name=3>&nbsp;</A><IMG src="http://img97.imageshack.us/img97/5128/twotv8.png" border=0></TD>
<TD style="WIDTH: 400px"><A name=4>&nbsp;</A><IMG src="http://img99.imageshack.us/img99/3536/fourww6.png" border=0></TD>
<TD style="WIDTH: 400px"><A name=5>&nbsp;</A><IMG src="http://img157.imageshack.us/img157/8610/fivehe4.png" border=0></TD>
<TD style="WIDTH: 400px"><A name=6>&nbsp;</A><IMG src="http://img157.imageshack.us/img157/843/sixdh3.png" border=0></TD>
<TD style="WIDTH: 400px"><A name=7>&nbsp;</A><IMG src="http://img218.imageshack.us/img218/3552/sevenux8.png" border=0></TD>
<TD style="WIDTH: 552px"><A name=8>&nbsp;</A><IMG src="http://img156.imageshack.us/img156/8938/eightnn2.jpg" border=0></TD>
<TD style="WIDTH: 400px"><A name=9>&nbsp;</A><IMG src="http://img156.imageshack.us/img156/41/ninepn1.png" border=0></TD>
<TD style="WIDTH: 552px"><A name=10>&nbsp;</A><IMG src="http://img180.imageshack.us/img180/4448/ten2qz9.jpg" border=0></TD>
<TD style="WIDTH: 552px"><A name=11>&nbsp;</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:&nbsp; 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.
Darin McGrew
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.
pandy
But sometimes horizontal scrolling can have a purpose. tongue.gif
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>
tharpdevenport
Quick note -- I'm not having them scroll, I'm having them "jump" horizontally.
Darin McGrew
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?
tharpdevenport
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.
pandy
Did you notice I gave you the solution like yesterday? rolleyes.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.