HTML - Stop Scrolling Text Bar After Third Time [was 'newbie Looking For Help Please.']
I have a scrolling text bar going across my site, but I would like to limit the amount of times it will scroll. It seems kind of annoying to be scrolling forever. Ideally, the text would scroll 3 times and then disapear. Any help would be great.
Thanks, Scott Similar TutorialsSo everytime I add a picture or text my website page gets "longer". I then move the text or picture with the "div" tag so I can position it where I like. But the webpage is still the same length as it was before I moved the object. So How can I stop the page from getting longer everytime I add text or picture to it? Thanks Here is the code: <marquee behavior="scroll" scrollamount="1" scrolldelay="15" direction="up" width="250" height="87" style="font-family: Verdana; font-size: 9pt;"> <font color = #ffffff><h5> Komatsu NTC Ltd. Launches Special <br> Machining Center Promotion<br> </h5> <i>Promotion Ends December 6th.<br> To Learn More, Click </font><font color= #b8382d> NEWS. <href="news.html"></font></i> </marquee> Now, how do I have it stop at the last (and stay)? Thanks! For a class assignment we are to create a simple Web page with inline styles. My question is, How do I tell the browser to stop putting text next to an image? Here is the html I'm using now: HTML Code: <img src="recycle.jpg" width="142" height="146" style="float: left; margin-left: 10px; margin-right: 10px" alt="Recycle bin" /> <h1 style="font-style: italic">Help the Earth - Recycle</h1> <ul style="text-align: left"> <li><a href="#about">Q and A about recycling</a></li> <li><a href="#when">When to recycle</a></li> <li><a href="#contacts">Who to contact</a></li> </ul> The h1 header is supposed to be on the right side of the "recycle.jpg" image, which it is, but the bulleted list is supposed to be below the image. It keeps going alongside the image underneath the h1 header. I've tried putting different parts into div tags but that didn't work. Obviously I'm doing something wrong. Any help would be greatly appreciated! Hello, I made this little scrolling text but it has some problem when using FireFox, so I wanted ti know if there is any way that I can make the scrolling text only appear when the page is finish loading? Hey all. First post here, but I've been around for a few weeks, just not registered. Actually I have a problem. I am using Dreamweaver to make a website. In the News page, I put a scrolling textbox using the div tags and it all worked pretty well, but now I would like to edit that textbox, customize the look of it. I've seen it done in other sites, but I'm not sure its HTML. Actually what I want to do is change the BG color, change the color and style of the scoll bar (For example a red dot instead of the original blue/grey bar, if its possible). I know I've seen on another site, someone changed the bar, he made it more square and changed the color or opacity, kindda what I want to do. If you have a page will all the codes, which is probably hard to find, that would be the best Also, I tried adding a border with <div style="overflow=auto [etc] border=3px solid" but it didnt change a thing. Can anyone help me with those problems please? Thanks PS: Ill try adding the full code later, but its home and Im at school. Can anyone tell me how to do the thing in which you add the code which looks different from the rest of the text? I'm trying to update my web page, but I can't get this scroll to appear. It works when I open the notepad code with the browser, but not when I try to update the site. Here is a copy of what I've done. <strong>CULTURE</strong> You'll meet the people, sit with them, eat with them. You'll see how they live. Visit everything from local shops to the cattle posts in the bush. </ul class="bulettext> <div align="center"><FONT size="+1"><MARQUEE direction="right" loop="40" width="90%"><STRONG>Check us out on Facebook and YouTube! >>>>>></STRONG></MARQUEE></FONT></DIV> <div style="position:absolute;top:650px;left:500px"> The blue font is the part I added for the marquee. What am I missing? Thanks for your assistance. I'm trying to apply simple formatting (i.e., bold, italic, etc.) to a scrolling text box on my site: www.soulsticemarketing.com/faq.htm Does anyone know how to do this? Hello all, i hope i have posted in the correct place. I am wondering if anyone is able to help me or even guide me in the right place. I am looking to create a verticle scrolling box that has a thumbnail inside and text to go below it. I am looking to have say other website screen shots with a short description below, all hyper linked. The thing is i would like to add multiple thumbnails and text. Would using a marque be the correct way to go about doing this? or is there other ways? Any help is appreciated, i am a novice so any help and guidence is great. Thanks for your help in advance Hi all. I'm and HTML Newbie and am building a quick and easy site for someone. The way I typically do it for these type of "brochure" style sites is to simply lay everything out in photoshop. Slice it up save as HTML and then edit in Dreamweaver. Here is the HTML as it is now: Quote: <html> <head> <title>JessicaSite</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <p> </p> <!-- Save for Web Slices (JessicaSite.psd) --> <table width="948" height="605" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01"> <tr> <td colspan="5"><img src="images/Services_01.jpg" width="948" height="518" alt=""></td> </tr> <tr> <td><a href="Home.html"><img src="images/Services_02.jpg" alt="" width="176" height="87" border="0"></a></td> <td><a href="Services.Html"><img src="images/Services_03.jpg" alt="" width="178" height="87" border="0"></a></td> <td><a href="Gallery.Html"><img src="images/Services_04.jpg" alt="" width="180" height="87" border="0"></a></td> <td><a href="Designer.Html"><img src="images/Services_05.jpg" alt="" width="193" height="87" border="0"></a></td> <td><a href="Contact.Html"><img src="images/Services_06.jpg" alt="" width="221" height="87" border="0"></a></td> </tr> </table> <!-- End Save for Web Slices --> </body> </html> Pretty simple. In the first Table I'd like to be able to put text in there and have it scroll. How do I do this? I've already tried putting a div style="overflow:auto; tag around the first table but that definitely didn't work. Any suggestions? Bare in mind I know NO CSS and only the basics of HTML. Alright, I'll admit up front that while I know very bare basics of HTML, I mostly just deal with Photoshop and the like, so I'm not much of a webmaster. That being said, here's my question: I have a site split up into tables, and I would like to place a scrollable section in the middle (where I can put whatever amount of text I need), but also place a non-scrolling image behind it. Does that make sense? If not, then I could try to explain further. Any help would be great. Hello i have a simple site with a background color, and image and a scrolling text box. What is the appropriate code to position the box using the image as the reference point, not the corner of the screen so the text always goes to the same spot on the screen. Code: <div align="center"><img src="EA-vendorapplicationimage.jpg" alt="Eclectic Affinity Vendor Information Form - Become an Eclectic Affinity WHole Sale Vendor" align="absmiddle"></div> <body> <div class="ss-base-body" dir="ltr"> <div style=" overflow:auto; position:absolute; height:509px; width: 698px; top:172px; left:241px;"> The code above works to keep the box in one location, but that location is from the top left of the screen which is only useful if everyone used the same screen. Thanks Hi I have a small PHP page, where I would like som VERY large text but I cant seem to get it above 7 Code: echo "<p><font size=7 color=red> $row[0] </font></p>" ; I would like it VERY big - like 40 Can anyone tell how to achive this? Thanks Lhg Hello all, I am looking for help with something that I know is pretty simple. http://www.somesite.com/refer.htm?4 Upon loading the page, I want to take the value following '?' and post it inside a text area form on the page. Im very new to html and javascript so im not sure exactly how to achieve this. Thanks for the help. I have display:inline and its adding in two drop boxes that it shouldnt. After the drop boxes it then stops the inline. Im new to css, have only been trying it for the past couple of days. The two drop down boxes are suppose to be on the left, under the links at the top. Can someone explain to me why inline stops where it does? Thanks. Oh yeah, the links under <li> I know their to the wrong address's. body { font-family:georgia,'times new roman',times,serif; color:#BD0A70; background-color:#F2F2F2; } ul.navbar { list-style-type: none; padding:0; width:32em; float:left; } ul.navbar li { display:inline; font-size:125%; background-color:#007BA7; margin:.10em; } ul.navbar a,ul.navbar a:visited { color:#ffffff; text-decoration:none; } ul.navbar a:hover { background:#00008B; } form.jump { /* position: absolute; */ float: left; } div.floatright { /* position: absolute; */ float: right; } h1 { clear:both; font-family:helvetica,geneva,arial,SunSans-Regular,sans-serif; } ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>My first styled page</title> <link rel="stylesheet" href="mystyle.css"> </head> <body> <a charset="ISO-8859-1"> <!-- Site navigation menu --> <ul class="navbar"> <li><a href="index.html">Change email</a> <li><a href="musings.html">Change Password</a> <li><a href="town.html">F.A.Q.</a> <li><a href="town.html">Contact</a> <li><a href="links.html">Log out</a> <li> </li> </ul> <form class="jump" action="/reredirect.php" align="left" method="post"> <input type ="text" name="userpage" size="17" value="Jump to user page" onFocus="this.value=''"> <img src="cooltext406694699.png" align="absbottom" onmouseover="this.src='cooltext406694699MouseOver.png';" onmouseout="this.src='cooltext406694699.png';" input type="submit" value="Submit" name="submit"></img> </form> <div class="floatright"> <script type="text/javascript"><!-- /* 234x60, created 11/22/08 */ google_ad_slot = "0343255875"; google_ad_width = 234; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <!-- Main content --> <table> <tr> <td> <form method="post" action="/redirect.php" name="event"> <select name="select" class="breakinline" onChange="this.form.submit()"> <OPTION SELECTED>Select friend <OPTION value="/users/sharon">name1 <OPTION value="/users/carrie">name2 <OPTION value="/users/capy">name3 <OPTION value="/users/charla">name4 </SELECT> </FORM> <td> <form id="myeventz" method="post" action="/changeevent.php" name="myevent"> <select name="myevent" class="tabletxt" onChange="this.form.submit()"> <OPTION SELECTED=>12/25 Christmas</option> <OPTION value="0101 Event One">01/01 Event one <OPTION value=" 0202Eventtwo">Remove this event <OPTION value=" ">Add a new event </SELECT> </FORM> </td> </tr> </table> <p>Select item's to remove</p> hi.. i jst noticed tht in a website its flash or its css background can be grabbed very easily. can any one suggest how to stop the grabbing of css and flas like grabbing is not possible in www.leoburnett.com so whts the technology behind tht website thanku ankit gupta i have a page with code below HTML 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Pixelate(enabled=false,duration=1,maxSquare=50)" /> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Pixelate(enabled=false,duration=1,maxSquare=50)" /> <script src="http://www.savethedevelopers.org/say.no.to.ie.6.js"></script> <title>Untitled Document</title> </head> <body> <img src="http://www.sf4stu.com/attachments/month_0804/20080412_7374481915abcecb4439HQ4ovRdyjWnf.gif" /> </body> </html> when i test locally, i saw there is a information bar right on my IE browser how could i stop the information bar? since i trust my code is save~ I am using the body onload to open a new window but is it possible to check if the window is already open and if so to not refresh it as I am using it as a music player and hitting the home link starts it off again. Any suggestions and if so as much detail as possible would be greatly appreciated :-) Thanks, root. I have this widget that a friend made for me. It allows the user to select the colors on the bracket bands on a picture of a mouth full of braces. If you grab a color and click on individual teeth - no problem. If you click on one of the buttons that colors all, top only, bottom only, odd only, even only, etc. When the button is clicked the page resets to the top. Play with it and you'll see what I mean. http://www.ellisorthodontics.com/brace-painter.php Any idea how I can make this not reset? The widget is html - it is on a php page. any help would be appreciated. I've recently been working on my first site, which is a complete revamp of an old one. It's a 3 column design, with the central area displaying thumbnails. Here it is.. www.sevensofmacclesfield.co.uk I'm getting all sorts of problems when zooming / text enlarging on various browsers ( Ctrl +/-) - particularly the bottom right hand side, where the sidebar joins the footer It's gone live, and I've run out of ideas to sort it out - can anyone offer any advice? Any help will be invaluable! Thermos |