Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Jump To

Posted by: tharpdevenport Jan 30 2007, 03:24 PM

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?

Posted by: Effovex Jan 30 2007, 04:07 PM

Do you have a link to an example page? Hard to tell if you made mistakes without seeing your handiwork.

Posted by: tharpdevenport Jan 30 2007, 04:44 PM

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>

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.

Posted by: Darin McGrew Jan 30 2007, 05:34 PM

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.

Posted by: pandy Jan 30 2007, 07:17 PM

But sometimes horizontal scrolling can have a purpose.
http://web.archive.org/web/20021208084351/http://www.ndroid.com/005/nipple/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>

Posted by: tharpdevenport Feb 1 2007, 04:44 PM

Quick note -- I'm not having them scroll, I'm having them "jump" horizontally.

Posted by: Darin McGrew Feb 1 2007, 05:01 PM

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?

Posted by: tharpdevenport Feb 1 2007, 06:29 PM

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.

Posted by: pandy Feb 1 2007, 08:17 PM

Did you notice I gave you the solution like yesterday?