|
HTML - Problems With Scrolling Marquee In Different Browsers
greetings!
i found an excellent scrolling marquee generator at: http://www.htmlbasix.com/marquee.shtml but i am having a problem. the scrolling marquee does not work in all browsers. for instance, check out the scrolling marquee in for "FREE MLS" at this url: http://www.phoenixfinder.com/ it scrolls perfectly in firefox, but it does not scroll and looks really bad in windows explorer and google chrome. i am pulling my hair out trying to resolve this. any advice as to what i am doing wrong will e greatly appreciated! please email advice to me at: backcountryjournal@hotmail.com thanks in advance! mike Similar TutorialsHello. First time here asking for help. Hope there's a solution! The site in question is http://www.jason-bradbury.com/Design.html. It's my first attempt at web design and I'm stumped. The goal is to present my art portfolio in a horizontal scrolling layout with a fixed header and footer. Ideally it would look identical across the many browser platforms. On a Windows laptop, my page looks and functions as it should in the latest browser versions of Safari, Google Chrome and Firefox as long as there aren't a stack of toolbars enabled. If toolbars are present (mostly in Firefox), the footer gets truncated and the page will not vertical scroll to allow it to be seen. So my first problem is getting the vertical scrolling (for the entire page including header and footer) to appear only when necessary in that situation. On my Mac Pro (I have not been able to test a Macbook yet) the page appears normal across the board with Safari and Firefox (have not tested Chrome or IE) The second problem is that in all versions of IE (and older versions of Firefox prior to 4.0) the page is displayed incorrectly. In IE, the header is missing, the left margin is way off and a vertical scrollbar is present for the body (again, if the vertical scrolling was for the entire page it wouldn't be so bad). As for the horizontal scrolling, it is very sluggish in IE. Firefox only has the vertical scrollbar in the body problem and since the header is shown in that browser, the body overlaps it when scrolled up. The page was originally designed in iWeb and then I had to tweak the code in Dreamweaver to get the fixed header and footer. Hope someone can help me out here! Cheers, Jason. Problem Fixed Hi there, I've been reading up on the marquee tag on the net and read from posts here that the marquee tag won't be validated, but I still had a question. I have an image banner that's 1565 (length) x 125 (height). I was using the marquee tag to make it scroll across the page, but my question is - is there any way to get the beginning of the image to scroll across the page again before waiting on the image to completely finish the first scroll? i.e I don't want to have to wait until the image finishes the scroll for it to start again leaving that space in between the scrolls. Thanks. Good day everyone! Below is the sentence I am working with. NOTE: In the Access Map information block, be sure to include road grade information to highways I need to draw attention to the word "NOTE" so I would like to scroll "NOTE" right to left in it's place, and the rest of the sentence not to move. Is this possible??? When I enter the typical marquee script, the "NOTE" appears on a separate line above the rest of the sentence and scrolls there, that is not going to work for me. This is for an interoffice help menu, and as far as I know there is no flash script that will work in explorer, that would have worked also. Any help would be appreciated. i have the following code. i have two problems. 1. with width of 'html, body, #wrapper' when it is fixed e.g., 1200px it works fine but when it is auto on scrolling and checking the contect on right side after scrolling the background images disappears. 2. with width of 'DivWithTextnImage' when it is fixed e.g., 400px on scrolling text moves with picture but when 100% text does not move with picture. can anyone solve my problems. 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" />
<title>Introduction</title>
<style type="text/css">
html, body, #wrapper {
height:100%;
width: auto;/* issue is here. when it is fixed e.g., 1200px it works fine but when it is auto on scrolling and checking the contect on right side after scrolling the background images disappears. */
margin: 0;
padding: 0;
border: 0;
}
#OverAllDiv{
width:100%;
height:100%;
z-index:10;
margin-top:-60px;
vertical-align:middle;
text-align:center;
position:relative;
}
#DivWithTextnImage {
width: 100%; /* issue is here. when it is fixed e.g., 400px on scrolling text moves with picture but when 100% text does not move with picture. */
height: 1000px;
/*
margin-left: auto;
margin-right: auto;
top:22.8%;
margin-top:-210px;
*/
margin-left: auto;
margin-right: auto;
margin-top:-50px;
position:relative;
z-index:11;
}
</style>
</head>
<body>
<div id="OverAllDiv">
<div id="DivWithTextnImage">
<div style="width:auto; height:284px;">
<img src="images/test-pic_01.jpg" width="598" height="284" />
</div>
<div style="background-image:url(images/test-home_05.jpg); background-repeat:repeat; width:auto; height:4px;" >
</div>
<div style="width:auto;height:623px; background-color:#EEEEEE;" >
<div style="width:auto; height:14px;" align="left" >
<img src="images/test-home_08.jpg" width="1074" height="14"/>
</div>
<div style="width:500px;height:491px; margin-left:100px;">
<strong><b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam aliquet molestie tortor, et accumsan nibh aliquam ac. Nunc hendrerit vestibulum risus ut condimentum. In ac purus interdum nisi auctor dapibus a sit amet velit. Praesent augue erat, malesuada vitae semper vel, luctus in ligula. Nam tincidunt imperdiet posuere. Aliquam ante lacus, scelerisque at hendrerit vel, molestie in risus. Phasellus ullamcorper convallis consectetur. Suspendisse vehicula pulvinar nibh at scelerisque. Sed nec velit ligula. Pellentesque tristique blandit lacinia. Nullam vitae metus et ante consequat rhoncus.</b>
</strong>
</div>
</div>
</div>
</div>
</body>
</html>
I have a marquee on my website displaying an rss feed. The problem however is that the marquee is making the rss feed two lines because it wouldnt be able to scroll the whole width of the table without disappearing. How can I code it so that the marquee will just be the one line? Thanks alright when using marquee's is there actually a way to tell it where to be but not have to put it at the certain place in the html. like can u use coordinates instead of tables and lists and if so how? because i want to have a marquee of a welcome message/news on my webpage on the navigation bar at the top 1) because it looks better and 2) because theres a lot of blank space on it. the reason i need to find a way to do it by coordinates if possible is because i had to use a horizontal list for my nav bar and when i tried putting the marquee in there it didn't work so i'm guessing i got to put it there some other way out of the lists code. thx in advance, mike (uberwalla) Okay so I have been getting a little better at HTML thanks to this site but, I ran into a problem. I have a marquee that goes the normal direction <-- that way. So I was wondering how can I make it so when the mouse hovers over the marquee it stops and people can view it. I am lovin this site and thank you for your help. im tired of that simple thing. is there anyway i can make the marqee stop in the middle for a few seconds then continuing on? _____________________ Hello, i have amplemented marquee tag in my website. its working on my local system XAMPP but when i upload it to online server its not working here is code Code: function parseXml(xml){
$(xml).find("announcement[current='yes']").each(function()
{
$("#ann").append("<marquee scrollamount='4' direction='up' width='250' height='300'><p class='ann_title'>" + $(this).attr('date') + ' ' + $(this).attr('time')+ ' ' +"<p class='ann_body'>" + $(this).text()) +' '+ "</marquee>";
});
Anyone here use a light weight marquee replacement that allows images to scroll horizontally? I need one I have a marquee coming in from the right as normal but want it stop in the centre of the page instead of at the far left. I cannot seem to find any reference to the code required. Thanks Lamarinapete <marquee onmouseover="this.setAttribute('scrollamount',2, 0);" scrollAmount="1" > in setAttribute above there is three parameters, the first is the attribute, the second is its value, wht is the third one??? thnx in advance Hello all, I have a simple page with a simple marquee on it (used in a local system, within a browser control and not an online website). The problem I encounter is as follows: 1. I want the marquee to fit itself to the page, so I set <marquee HEIGHT="100%"....> However - this damages the scroll behavior - instead of text scrolling from off-screen bottom, upwards and off-screen top (I set the direction to UP), it starts with as many lines of the marquee as it can show already shown. Explanation: If my marquee has 10 lines, and my browser is maximized, which could show all 10 lines without needing to scroll - then all 10 lines are shown, and no scrolling. BUT I WANT IT TO SCROLL ANYWAY !!! IT'S THE EFFECT I AM AFTER... Any ideas how I can bypass this? Thanks, Maor. hi all how can i control where the movement of the marquee begins?? i have this marquee: <marquee id=marq onmouseover='this.stop();' onmouseout='this.start();' loop='infinite' behavior='scroll' width=100% scrolldelay=2 scrollAmount=3 direction=left> in this marquee i have images, the problem is that those images don't start scrolling from the beginning of the area instead it appears at the end of the area then start scrolling! any ideas?? thnx in advanced Hello all, I have the following marquee code: Code: <p><marquee><img src="images/gallery/gallery (1).jpg"/><img src="images/gallery/gallery (2).jpg"/><img src="images/gallery/gallery (3).jpg"/><img src="images/gallery/gallery (4).jpg"/><img src="images/gallery/gallery (5).jpg"/><img src="images/gallery/gallery (6).jpg"/><img src="images/gallery/gallery (7).jpg"/><img src="images/gallery/gallery (8).jpg"/><img src="images/gallery/gallery (9).jpg"/><img src="images/gallery/gallery (10).jpg"/></marquee></p> But this marquee only reach till my window's left side and it start to restart without completing the scroll.... marquee tag is not working properly in mozilla firefox browser, i used marquee tag to scroll data fetch from database, and data that is scrolling is incomplete the list of data is not finished completely and started again, and some times it looks that scolled text do jerk when scrolling starts............any one has solution <marquee behavior="scroll" direction="up" height="130" scrollamount="2" onmouseover="(this.stop())" onmouseout="(this.start())"> <font face="Calibri" size="2"> <?php while($row = mysql_fetch_array($result)) { echo "<div align='left'><a href=news&event.php?nid={$row['news_id']} style='text-decoration: none'>".$row['news_heading']."</a></div><br><br>"; } ?> </font> </marquee> I have a simple marquee with percentage height. The problem is that the marquee 'jumps' casually. I can't specificate a fixed height because the marquee must be adaptive to the height of the page. This is the example: EXAMPLE Thanks in advance! Hello, I am using the code below, but I need the first and the last picture to connect so that there is not a beginning and an end to the loop, so that there is no empty space - but rather continuous pictures displaying. Thanks in advance for your help. <marquee behavior="scroll" direction="left"><img src="http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/228043_10150186241315279_546070278_6825083_2980056_n.jpg" width="250" height="160" alt="Us" <marquee behavior="scroll" direction="left"><img src="http://a1.sphotos.ak.fbcdn.net/hphotos-ak-ash4/230720_10150178789805279_546070278_6759211_3066055_n.jpg" width="250" height="160" alt="Sign" <marquee behavior="scroll" direction="left"><img src="http://a5.sphotos.ak.fbcdn.net/hphotos-ak-snc6/185714_10150110886545279_546070278_6250367_5091919_n.jpg" width="250" height="160" alt="Pies" <marquee behavior="scroll" direction="left"><img src="http://a3.sphotos.ak.fbcdn.net/hphotos-ak-snc3/26804_336340570278_546070278_3474717_1490054_n.jpg" width="250" height="160" alt="Cobbler"/><marquee> Hi, I am having some difficulty with the "datascr" tag for marquee and a few others, including div. Would anyone please upload 2 files the first being html with a maruqee or a div with exertnal data using the datascr="#asdasdf" formatdatas="text" tags. Because I have tried numerous times WITH NO SUCCESS!!!! I tried just about everything and it desen't cath the external file. Thanks in advance. |
|||||||