The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Jump To, sideways
tharpdevenport
post Jan 30 2007, 03:24 PM
Post #1


Advanced Member
****

Group: Members
Posts: 195
Joined: 25-October 06
Member No.: 571



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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Effovex
post Jan 30 2007, 04:07 PM
Post #2


Serious Coder
*****

Group: Members
Posts: 251
Joined: 6-January 07
From: Sherbrooke, Qc, Canada
Member No.: 1,477



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

This post has been edited by Effovex: Jan 30 2007, 04:08 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
tharpdevenport
post Jan 30 2007, 04:44 PM
Post #3


Advanced Member
****

Group: Members
Posts: 195
Joined: 25-October 06
Member No.: 571



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jan 30 2007, 05:34 PM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,146
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 30 2007, 07:17 PM
Post #5


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 16,205
Joined: 9-August 06
Member No.: 6



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>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
tharpdevenport
post Feb 1 2007, 04:44 PM
Post #6


Advanced Member
****

Group: Members
Posts: 195
Joined: 25-October 06
Member No.: 571



Quick note -- I'm not having them scroll, I'm having them "jump" horizontally.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Feb 1 2007, 05:01 PM
Post #7


WDG Member
********

Group: Root Admin
Posts: 8,146
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
tharpdevenport
post Feb 1 2007, 06:29 PM
Post #8


Advanced Member
****

Group: Members
Posts: 195
Joined: 25-October 06
Member No.: 571



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 1 2007, 08:17 PM
Post #9


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 16,205
Joined: 9-August 06
Member No.: 6



Did you notice I gave you the solution like yesterday? rolleyes.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 5th July 2015 - 11:55 PM