|
HTML - How To Make This Scroll, Maybe Simple, But I Am A Beginner?!
I have this 2 scripts:
1. script Allowed me to make URL switching (new page is opened after 20 sec) 2. script Allowed me a vertical scroll My Question: HOW TO MAKE THIS: I WANT EACH SITE TO OPEN AUTOMATICALLY LIKE IN 1. SCRIPT AND TO BEGIN TO SCROLL AUTOMATICALLY AFTER OPENING DURING 20 SEC... THAN SWITCHING TO A NEW PAGE, SCROLLING VERTICALY DURING 20 SECONDS... AND SO FOR EACH SWITCHING WEBPAGE... 1. script: <html> <head> <title>URL Switcher</title> <script language="JavaScript" src="url_switcher.js"> </script> <script language="JavaScript"> var i = 0; var url_array = new Array(); url_array[0] = "http://www.google.com"; url_array[1] = "http://www.codingforums.com"; url_array[2] = "http://www.ebay.com"; url_array[3] = "http://wm2.uvic.ca"; function changeURL(ms) { document.frames['my_frame'].location.replace(url_array[i]); i = (i+1)%url_array.length; setTimeout("changeURL("+ms+")", ms); } </script> </head> <body style="margin:0px; overflow-y:hidden" onLoad="changeURL(20000);"> <iframe name="my_frame" width="100%" height="100%" border="0" frameborder="0"></iframe> </body> </html> 2. script: <!-- Vertical Scroll Use this script to automatically scroll the web page when the user pushes a button --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function CoffeeScroll() { for (I=1; I<=750; I++){ parent.scroll(1,I) } } // End --> </SCRIPT> <!-- Put this into the BODY of your webpage --> <BODY><CENTER><FORM><input type=button value="Scroll Page" onClick="CoffeeScroll()"></FORM></CENTER> THANK YOU VERY MUCH FOR YOUR HELP Similar TutorialsHi, Can any one tell me some simple steps to build my website from development to publishing on the web without programming? Hello, I am very new to HTML. I am trying to develop a website with an image in the background. Suppose the image is simply ALL black. My text is also all black. I am trying to create one of those mini squares in between the background and the text of the website, and this 'mini square' will be white or some other color so the text will appear normally. Then, I can possibly have several different 'mini squares' in different colors and I will be able to add text to them, and it wont be hard to read the text even if the text and the background are the same color... So can anyone guide me and tell me what this is called and how I would add the most basic of these 'mini squares'? I apologize for my lack of terminology, I just started getting into HTML 3 days ago. Thanks in advance. Hi, I am very new to HTML and our webdesigners have run off without completing the job properly so I am trying to do it myself. The problem is with the "News" page of the site which is a tumblr page configured to look like the rest of the site. Rather than come on here and list all the problems with it I thought I'd tackle one at a time. The first thing I am trying to achieve is making the area in which posts are not submitted (the header, and the left and right) scroll down with you. So as you scroll down through the posts you can still see the links at the top of the page and on the sides. Is this possible? Here is the page I am talking about: http://secret-store.tumblr.com/ Thanks for any help guys. I'm ultra new to html and I made a super basic navigation bar for my page, the problem is when the browser is made small side-to-side, instead of adding a scroller at the bottom and keeping the links in line, it just smashes them up and starts moving them below each other. How do I change that ? Here is a link to the page I'm talking about so you can see it. http://www.neonloveco.com/home Thanks everyone Hello, How can I make my parent-scrollbar scroll the iFrame? I have a page with an Iframe in it, and I don't want the iFrame to have a scrollbar, but I want to be able to scroll the iFrame using the scrollbar of the window/parent! HOW? I have already set the HTML overflow-y to scroll, so the scrollbar is always showing. Now I only need it to control the iFrame. Please help! Despite reading multiple posts on "scrollable" table cells on the forums, I've not yet quite found the answer to my question, so hopefully I can get some feedback from all viewers out there! I and some friends run a small Catholic arts and crafts website (www.illuminatedink.com) through which we sell products that we create. I've based the page layout on a table instead of frames or iframes. The table has 3 cells in it. The entire top "banner area" of the screen is one cell. Below that on the left we have the naviagation menu cell. The main content that someone is trying to view appears in the remaining lower right cell (also the largest). This page works great on all the computers at my house (3 of them) and on most other computers as well. I have yet to test this in IE 7.0, but if someone else has that browser, please let me know what happens. So, what's the problem you ask? That lower right table cell where all the content appears does not work for everyone. I just got another complaint today that no scroll bar appears and the person can only see what's in the top of cell, there is no "scrollability". Here is a sample (with notes made by me in ** NOTE ** format). The notes are of course not in the actual code, I am showing only the code really matters here. Code: <BODY STYLE="margin-top: 0px; margin-left: 0px">
<TABLE CELLPADDING=0 CELLSPACING=0 HEIGHT=590 WIDTH=1000>
<TR HEIGHT=90>
<TD WIDTH=1000 COLSPAN=2 STYLE="background-image:url('http://www.illuminatedink.com/images/background/banner.jpg')">
 
</TD>
</TR>
<TR HEIGHT=500>
<TD VALIGN=top WIDTH=200 STYLE="background-image:url('http://www.illuminatedink.com/images/background/menu_bar.jpg');background-repeat:no-repeat">
<TABLE ALIGN="center" CELLSPACING=0 CELLPADDING=0>
**Navigation menu on the left side goes here**
</TABLE>
</TD>
<TD WIDTH=800 VALIGN="top">
<DIV STYLE="overflow:auto;height:490px;width:800px;position:absolute;left:200;padding-right:30px; padding-left:0px"><MAP NAME="page_links">
**All code for the scrollable cell in the lower right goes here**
</DIV>
</TD>
</TR>
</TABLE>
</BODY>
So, can anyone possibly tell me why this would have a scroll bar in some browers and not in others? Or does anyone have any code changes I could make that may guarantee that they will get a scroll bar in that lower right cell? The complaints that I have received mainly seem to be from Mac users using IE for Mac. But I just had someone who had a brand new Dell with Windows XP Prof. and the most recent IE 6, which is exactly the configuration I run, but didn't get a scroll bar when I did. Ideas? Thank you! how do you make an inline fame that does not have scroll bars but resizes the parent page to allow the whole child page to fit in the parent Some mouses today have horizontal scroll, some call the tilt. It looks something like: http://www.htmlforums.com/attachment...1&d=1242556560 I noticed that many websites they code those horizontal scroll to go to next/prevous page. For example Discuz! forum system has this function. While you browse hundreds or thousands of posts separated into pages, the horizontal scroll can take you to previous page or next page.(not browser back/forward) How do I code like that? Or any examples? I have a site that is rather large with several pages and files. It is an internal site for the company I work for. Some of the people who send me content to put on the site want to be able to make these updates themselves. None of them know much, if any, HTML or CSS. Is there any tool out there that can make it possible for them to updtate the site without adding a bunch of unecessary code to what is already there? I was looking into CMS applications (this was suggested to me last time I posted about this), but they seem to be applications that you have to build the site with, rather than take a site that already exists and modify. Thanks for any help! Hi, I have a bit of a problem. I am learning HTML and CSS, and I am trying to make a simple menu withh a background button up state and a horizontal unordered list across, with a hover effect of a new bg image over the initial ones. Please help! Thanks in advance. Can anyone help me out? I've set up a test site for a project where I have a scrollable table within an iFrame. Techincally, its an iFrame within an iFrame which gets you to a scrollable table I also added an auto-scroll with anchor-links. Everything finally works, but I really want to remove the horizontal-scroll bar that shows up, while keeping the vertical-scroll bar. (Upon testing, I found without the vertical-scroll bar, the anchor-links and auto-scroll don't work correctly.) here's the link to the test site: http://www.thegrandamerican.com/ here's the line of code I think is the correct place to make corrections: <iframe id="myiframe" name="myiframe" src="oprah june 09_news.htm" width="900" height="475" scrolling="yes" overflow-y: scroll></iframe> The hierarchy works as follows: index.htm > spotlight_news.htm > oprah june 09_news.htm The reason for all the iframes is to have elements on the higher pages that will stay in place, such as a music player and dynamic menu bar. other notes and associated files (for the auto scroll) a smooth-src-comments.js smooth.pack.js Thanks. - J This may seem like a rather elementary question, but I'm doing a this for a school project and wanted some input on how this should be done. What I'm looking to do is to have a very simple text-input box on my page where the user would obviously type in some text, then a simple "post" button or something like that where when once clicked, the text typed by the user would just then appear above the box, possibly in a table? How simple/complicated is it to do this. I'm pretty familiar with html so once I get pointed in the right direction I should be fine. I don't want a blog or something where someone has to sign up with a user name or anything like that, just whoever visits the site can write text into the/a text input box and then it is shown after whatever text was typed by the user before them. Any help/suggestions are greatly appreciated. Ive been looking EVERYWHERE for a site with a code for a scroll box with a trasparent scroll bar, Ive seen the code where I can edit the size of the box as well as the color of the box itself and I know how to do THAT. how do I make it where the code displays the scroll code as well so I can fully customize it? it seems that its always hidden.. This page is HTLM written by myself. Please help me to see this page and what to change? - link removed - Yello, new here on the forum hope i have come to the right place. I am making this website with a fixed header with buttons, using ajQery script to get a nice fade effekt on the buttons on mouseover. Looks great in firefox but in ie i get this bugs where a the picture is missplaced. Cant realy get it to work (havnt done html very long) Would anyone care to take a look and help me out a bit? if so i can upload the page as a .rar /plomp Hey im a beginner at all of this... But i am trying to add a simple image to my web.. here is my code... <html> <head> <title>Pillz Webby</title> </head> <body> Socom Confrontation <img src="sig.jpg" width="400" height="300"/> </body> </html> i have no idea what i am doing wrong... and when i view my properties for my .html file it says it is TYPE OF FILE: FIREFOX DOCUMENT..... shouldnt it say .html??? cuz i saved it as html.. http://www.freewebs.com/ovatime/favlinkz.htm there is a link of a screenshot, this is what comes up whenever i load this code to my browser... any help is appreciated I apologize in advance if I am putting this in the wrong place. I have a website for my webcomic. The site was constructed from a template provided by the host site. Ive messed with it and tried to organize it how I want it but I have pretty much reached the end of my beginner capabilities. My main concern right now is that under the comic page I want two have two spaces, on on the left for comments on the posted page, and another to the right that is overall news, that will show the same for each page. I have the comments section aligned to the left, but I am at a total lose for where to begin as far as the news/blog section. Could anyone please point me in the right direction? Also if anyone has any other suggestions concerning the site I would love to hear them. - suspicious link removed - Thank you. Hi all. I am new to the forums and to HTML/XHTML coding. I am looking for some help with an assignment for a class I am taking. The problem I am running into is that I have the website looking like it is supposed to but it will not pass the W3C validator. Here is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Make it Right</title> </head> <body> <h1> <center>Healthy Living Plan</center></h1> <p>Many people today are trying to stay healthy. What sorts of things do you need to do in order to maintain a healty body? Here are some ideas for you. Of course, you should always consult with your doctor before undertaking any new diet or exercise plan.</p> <hr /> <h2> <center>Eat right</center></h2> <p>Refer to the United States Department of Agriculture food pyramid to find out how many grains, vegetables, fruits, meats, dairy, and oils that you should eat daily. Also consult the other resources available on the Internet to determine a plan that will work for you.</p> <h2> <center>Keep a food, mood, and exercise journal</center></h2> <ul> <li>Track what you eat each day</li> <li>Track your mood throughout the day</li> <li>Track the exercise that you do each day</li> </ul> <hr /> </body> </html> And here is the error I get: Error Line 14, Column 8: document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag <center>Healthy Living Plan</center></h1> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). Error Line 20, Column 8: document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag <center>Eat right</center></h2> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). Error Line 26, Column 8: document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag <center>Keep a food, mood, and exercise journal</center></h2> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). Any help or explanation to why this is occurring will be greatly appreciated. Thank you. I am new to HTML and I am getting an error and do not know why. Please be simple in your solution as I do not have much HTML knowledge. Here is the Error: 1. Error Line 50, Column 111: document type does not allow element "img" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "address", "fieldset", "ins", "del" start-tag. …57" height="70" alt="HTML Dog logo" /> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). Here is the code: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Brendan Madigan's Official Webpage</title>
</head>
<body>
<h1>Brendan Madigan is the coolest person in the world</h1>
<hr />
<p>If anyone thinks that Brendan Madigan is not cool...</p>
<p>They should be examined by a doctor immediatly.</p>
<p>Why is Brendan Madigan so cool???</p>
<p>Here's why:</p>
<ul>
<li>Brendan is awesome</li>
<li>Brendan is really smart</li>
</ul>
<hr />
<p>You might be wondering if Brendan is cool enough to do a definition list...<br /><br />He is!<br /><br /></p>
<p>Here is a<sup>definition</sup>list made <sub>by</sub> Brendan, himself (you can say the list is holy if you want)<br /></p>
<dl>
<dt><strong>Brendan</strong>(noun)</dt>
<dd><br />A cool person</dd>
</dl>
<h2>Brendan does nested lists too!<br /></h2>
<h4>Brendan's <em>Nested List</em><br /></h4>
<ol>
<li>
<dl>
<dt>Brendan(Verb)</dt>
<dd><br />To make something cool</dd>
</dl>
</li>
<li><br />
<ul>
<li>He Brendaned the movie</li>
</ul>
</li>
</ol>
<p>How did Brendan become so good at HTML?</p>
<ol>
<li>He is really smart</li>
<li>He took a class on HTML</li>
</ol>
<h3>If you want info on Brendan go to this website</h3>
<p><a href= "http://www.madigangames.com">Brendan's Company</a></p>
<p>Brendan looks like this</p>
[b]<img src="testudo.jpg" width="30" height="40" alt="Testudos' image'" />[/b]
</body>
</html>
Thanks for your help! please help me guys!!! im trying to find a html code that allows people download a pdf files from the website that im trying to make..anyone out there help me.. |
|||||||