Google
HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Scrollbar - jumping (Explained...)
Post new topic   Reply to topic    HTML Help Forum Index -> CSS
View previous topic :: View next topic  
Author Message
MinatureCookie



Joined: 20 Mar 2006
Posts: 68
PostPosted: Sat Jun 17, 2006 7:20 am     Scrollbar - jumping (Explained...) Reply with quote
Hmm, well.
I need, how to explain... Razz
I have 2 websites.
My first 1's source code -
Code:

<HTML>
<HEAD>
<STYLE TYPE="TEXT/CSS">
a:link {color: #74BBFB; text-decoration: underline;}
a:hover {color: #74BBFB; text-decoration: none;}
a:visited {color: #74BBFB; text-decoration: underline;}
a:active {color: #74BBFB; text-decoration: underline;}
</STYLE>
<Title>TD's Template designs</title>
</HEAD>
<BODY BGCOLOR="#7EB6FF">
<CENTER>
<TABLE BGCOLOR="#E6E6FA" WIDTH="800px" CELLSPACING="0px" CELLPADDING="0px">
<TR>
<TD>
<IMG src="corner-tr.bmp" align="left" border="0px"><IMG src="corner-tl.bmp" align="right" border="0px">
<FONT COLOR="#74BBFB">
<FONT FACE="MS Sans Serif">
<FONT SIZE="+0">
<CENTER>

<font size="+2">Welcome to TD's templates and designs!</font><BR><BR>
So, you've got that really good idea for a website, but don't know any of that HTML language?<BR>
Well look no further! Here, we help you make your designs, and if you want something that's not currently there, email us and we guarantee to get you a design!<BR><BR>

In our designs, we have helpful pre-HTML, so you can add in images or links!<BR>
Look around some of our great designs, and feel free to contact us for another design!<BR><BR>

-Current Designs-<BR>
<iframe name="I" src="templates.html" width="750px" style="border-width:0px; border-color:#E6E6FA; border-style: solid;" scrolling="no;yes" height="215px"></IFRAME><BR>
<A href="mailto:MinatureCookieatGMail.com">Not one there? Email us.</a>
<IMG src="corner-bl.bmp" align="left" border="0px"><IMG src="corner-br.bmp" align="right" border="0px">


</FONT>
</FONT>
</FONT>
</CENTER>
</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>


And my seconds one source code (the IFrame in my first one)
Code:

<HTML>
<HEAD>
<STYLE TYPE="TEXT/CSS">
a:link {color:#E6E6FA; text-decoration:none;}
a:hover {color:#74BBFB; text-decoration:none;}
a:active {color:#E6E6FA; text-decoration:none;}
a:visited {color:#E6E6FA; text-decoration:none;}
</STYLE>
</HEAD>
<BODY BGCOLOR="#E6E6FA">
<CENTER>
<TABLE BGCOLOR="#E6E6FA" border="0px" cellspacing="0" cellpadding="0">
<TR>
<TD width="200px" height="200px">
<CENTER>
<a href="Aqua.html" target="_blank"><IMG SRC="Aqua.bmp" height="150px" width="150px" border="0px" name="aq" onmouseover="document.aq.height='200'; document.aq.width='200'" onmouseout="document.aq.height='150'; document.aq.width='150'"></a>
</CENTER>
</TD>
<TD width="200px" height="200px">
<CENTER>
<a href="Blue_moon.html" target="_blank"><IMG SRC="Blue_moon.bmp" name="bm" height="150px" width="150px" border="0px" onmouseover="document.bm.height='200'; document.bm.width='200'" onmouseout="document.bm.height='150'; document.bm.width='150'"></a>
</CENTER>
</TD>
<TD width="200px" height="200px">
<CENTER>
<a href="Metallic_Grey.html" target="_blank"><IMG SRC="Metallic_Grey.bmp" height="150px" width="150px" border="0px" name="mg" onmouseover="document.mg.height='200'; document.mg.width='200'" onmouseout="document.mg.height='150'; document.mg.width='150'"></a>
</CENTER>
</TD>
</TR>
<TR>
<TD width="200px" height="200px">
<CENTER>
<a href="Perfectly_pink.html" target="_blank"><IMG src="Perfectly_Pink.bmp" height="150px" width="150" border="0px" name="pp" onmouseover="document.pp.height='200'; document.pp.width='200'" onmouseout="document.pp.height='150'; document.pp.width='150'"</a>
</CENTER>
</TD>
<TD width="200px" height="200px">
<CENTER>
<a href="Soft_Purple.html" target="_blank"><IMG src="Soft_Purple.bmp" height="150px" width="150" border="0px" name="sp" onmouseover="document.sp.height='200'; document.sp.width='200'" onmouseout="document.sp.height='150'; document.sp.width='150'"</a>
</CENTER>
</TD>
<TD width="200px" height="200px">
<CENTER>
<a href="Orange.html" target="_blank"><IMG src="Orange.bmp" height="150px" width="150" border="0px" name="o" onmouseover="document.o.height='200'; document.o.width='200'" onmouseout="document.o.height='150'; document.o.width='150'"</a>
</CENTER>
</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>


And In my second one, there is a table, there are 2 <TR>'s in there.
And then my first one, has an IFrame, nearly excactly half the size of both <TR>'s and the size of 1. What I want, is for when you pull down with the scrollbar, that is on the IFrame on the first one, I don't want it to go smoothly, I want it to scroll suddenly, sort of jumping from the first TR to the second.

I hope that was explained well enough for someone to understand.

Please help Smile


P.S
Please bear in mind, I add in another 3 every now and again, so it will have to be fitting to the TR's, or easy for me to change.
camoman666



Joined: 24 Jun 2006
Posts: 362
Location: Fort Walton Beach, FL, USA
PostPosted: Sat Jun 24, 2006 8:29 pm     Re: Scrollbar - jumping (Explained...) Reply with quote
im sorry to say you might have to abandon the idea of a jumping scroll bar but you could put anchor links to bring you down to the next table row when they are clicked it should look something like this:
Code:

<HTML>
<HEAD>
<STYLE TYPE="TEXT/CSS">
a:link {color:#E6E6FA; text-decoration:none;}
a:hover {color:#74BBFB; text-decoration:none;}
a:active {color:#E6E6FA; text-decoration:none;}
a:visited {color:#E6E6FA; text-decoration:none;}
</STYLE>
</HEAD>
<BODY BGCOLOR="#E6E6FA">
<CENTER>
<TABLE BGCOLOR="#E6E6FA" border="0px" cellspacing="0" cellpadding="0">
<TR>
<TD width="200px" height="200px">
<CENTER>
<a href="#1">Next</a>
<a href="Aqua.html" target="_blank"><IMG SRC="Aqua.bmp" height="150px" width="150px" border="0px" name="aq" onmouseover="document.aq.height='200'; document.aq.width='200'" onmouseout="document.aq.height='150'; document.aq.width='150'"></a>
</CENTER>
</TD>
<TD width="200px" height="200px">
<CENTER>
<a href="Blue_moon.html" target="_blank"><IMG SRC="Blue_moon.bmp" name="bm" height="150px" width="150px" border="0px" onmouseover="document.bm.height='200'; document.bm.width='200'" onmouseout="document.bm.height='150'; document.bm.width='150'"></a>
</CENTER>
</TD>
<TD width="200px" height="200px">
<CENTER>
<a href="Metallic_Grey.html" target="_blank"><IMG SRC="Metallic_Grey.bmp" height="150px" width="150px" border="0px" name="mg" onmouseover="document.mg.height='200'; document.mg.width='200'" onmouseout="document.mg.height='150'; document.mg.width='150'"></a>
</CENTER>
</TD>
</TR>
<TR>
<TD width="200px" height="200px">
<CENTER>
<a name="1"></a>
<a href="Perfectly_pink.html" target="_blank"><IMG src="Perfectly_Pink.bmp" height="150px" width="150" border="0px" name="pp" onmouseover="document.pp.height='200'; document.pp.width='200'" onmouseout="document.pp.height='150'; document.pp.width='150'"</a>
</CENTER>
</TD>
<TD width="200px" height="200px">
<CENTER>
<a href="Soft_Purple.html" target="_blank"><IMG src="Soft_Purple.bmp" height="150px" width="150" border="0px" name="sp" onmouseover="document.sp.height='200'; document.sp.width='200'" onmouseout="document.sp.height='150'; document.sp.width='150'"</a>
</CENTER>
</TD>
<TD width="200px" height="200px">
<CENTER>
<a href="Orange.html" target="_blank"><IMG src="Orange.bmp" height="150px" width="150" border="0px" name="o" onmouseover="document.o.height='200'; document.o.width='200'" onmouseout="document.o.height='150'; document.o.width='150'"</a>
</CENTER>
</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>

you shuld take off scrolling altogether and just use the links and add more as you go. I really help this works
MinatureCookie



Joined: 20 Mar 2006
Posts: 68
PostPosted: Mon Jun 26, 2006 1:49 am     Reply with quote
Hmm, I could work of that idea.

Thanks that did help alot. Smile
camoman666



Joined: 24 Jun 2006
Posts: 362
Location: Fort Walton Beach, FL, USA
PostPosted: Mon Jun 26, 2006 9:52 am     Reply with quote
no problem dude im glad to help
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> CSS All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 
 
HOSTING / DESIGN
$1.99 Domain Registration
Cheap Web Hosting
Website Templates
MAKE MONEY
Sell Domain Names
Sell Website Templates

Home   |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial