Scrolling Marqee HTML - what am i doing wrong? [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : Scrolling Marqee HTML - what am i doing wrong?

Billie_Jean

03-26-2004, 11:58 AM

I'm having trouble with this stupid scrolling marquee! It's driving me insane... the marquee is inside a frame and it wont go to the size i want it to! No matter what i do it still ends up looking REALLY long! >:(

Here is the HTML from my page... the area which i think is relivent...

</td>
<td height="152" width="45%">
<div align="left"><iframe src="Weekly.htm" IFRAME name="inlineframe2" height="200" width="280" frameborder="0" bordercolor="#66CCFF"></iframe>
</div>
</td>
<td height="152" width="25%">
<p align="center"><img src="updates.jpg" width="143" height="49"></p>
<div align="center">
<table width="94%" border="1" cellspacing="3" cellpadding="1" bordercolor="#FFCCFF" bgcolor="#FFFFCC" height="10%">
<tr>
<td height="10%">
<p><marquee behavior=scroll direction="up" scrollamount="1"><font face="Tahoma" size="1">Latest
updates were made on 26/3/04. NOTICE - want your website on
MJFever's links page? <a href="mailto:billiejean777@hotmail.com">Click
HERE</a>.</font></marquee></p>

I'd reaaaaaaally apriciate a reply if anyone knows what im doing wrong =) thanks!

YourLucidEnigma

03-26-2004, 12:13 PM

Is there a scrolling marquee in the iframe or the table? or both? I'm not exactly sure, b/c it looks to be in the table. If it is in the iframe, i need to see your link for that or just your html so I can edit it.

Billie_Jean

03-26-2004, 12:25 PM

Thanks for replying =) It's just a table.

Here us the html for the entire page...

<html>
<head>
<title>MICHAEL JACKSON FEVER</title>
<style type="text/css">
a {text-decoration:none;}
</style>
<STYLE type="text/css">

</STYLE><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript1.2">

//Gradual-Highlight image script- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
if (which2.style.MozOpacity)
which2.style.MozOpacity=0.3
else if (which2.filters)
which2.filters.alpha.opacity=30
}

function highlightit(cur2){
if (cur2.style.MozOpacity<1)
cur2.style.MozOpacity=parseFloat(cur2.style.MozOpa city)+0.1
else if (cur2.filters&&cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}

</script>
</head>

<body bgcolor="ffffff" text="#000000" link="#000000" vlink="#000000" alink="#FF6699">
<font color="#FFCCFF"></font> <font color="#ffffff"></font>
<div align="center"><font color="ffffff"></font>
<table width="62%" border="1" cellspacing="5" cellpadding="1" bordercolor="#000000" height="484" bgcolor="#FF6699">
<tr bgcolor="#FFFFFF">
<td colspan="3">
<div align="center"><img src="../Jelly_Fever/pinkfever.jpg" width="591" height="191"></div>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="100" colspan="3">
<p>
<font face="Verdana, Arial, Helvetica, sans-serif" size="1">
<div align="left"><iframe src="Welcome.htm" IFRAME name="inlineframe" height="100" width="615" frameborder="0" bordercolor="#66CCFF"></iframe>
</div>
</font> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="188" width="25%">
<p align="center"><img src="../Jelly_Fever/smallpinkfever.jpg" width="128" height="49"></p>
<p><a href="welcome.htm" target="inlineframe" style="cursor:e-resize"><img src="arrow2.jpg" width="23" height="16" style="filter:alpha(opacity=30);-moz-opacity:0.3" onMouseOver="high(this)" onMouseOut="low(this)" border="0"></a>
<a href="welcome.htm" target="inlineframe" style="cursor:crosshair"><font face="Tahoma" size="1">Home</font></a><br>
<a href="michael_jackson.htm" target="inlineframe" style="cursor:e-resize"><img src="arrow2.jpg" width="23" height="16" style="filter:alpha(opacity=30);-moz-opacity:0.3" onMouseOver="high(this)" onMouseOut="low(this)" border="0"></a>
<a href="michael_jackson.htm" target="inlineframe" style="cursor:crosshair"><font face="Tahoma" size="1">Michael
Jackson</font></a><br>
<a href="extra.htm" target="inlineframe" style="cursor:e-resize"><img src="arrow2.jpg" width="23" height="16" style="filter:alpha(opacity=30);-moz-opacity:0.3" onMouseOver="high(this)" onMouseOut="low(this)" border="0"></a>
<a href="extra.htm" target="inlineframe" style="cursor:crosshair"><font face="Tahoma" size="1">Extra</font></a><br>
<a href="about.htm" target="inlineframe" style="cursor:e-resize"><img src="arrow2.jpg" width="23" height="16" style="filter:alpha(opacity=30);-moz-opacity:0.3" onMouseOver="high(this)" onMouseOut="low(this)" border="0"></a>
<a href="about.htm" target="inlineframe" style="cursor:crosshair"><font face="Tahoma" size="1">About</font></a><br>
<a href="site_info.htm" target="inlineframe" style="cursor:e-resize"><img src="arrow2.jpg" width="23" height="16" style="filter:alpha(opacity=30);-moz-opacity:0.3" onMouseOver="high(this)" onMouseOut="low(this)" border="0"></a>
<a href="site_info.htm" target="inlineframe" style="cursor:crosshair"><font face="Tahoma" size="1">Site
Info</font></a><br>
<a href="contact_web.htm" target="inlineframe" style="cursor:e-resize"><img src="arrow2.jpg" width="23" height="16" style="filter:alpha(opacity=30);-moz-opacity:0.3" onMouseOver="high(this)" onMouseOut="low(this)" border="0"></a>
<a href="contact_web.htm" target="inlineframe" style="cursor:crosshair"><font face="Tahoma" size="1">Contact
Web Miss</font></a></p>
</td>
<td height="188" width="45%">
<div align="left"><iframe src="Weekly.htm" IFRAME name="inlineframe2" height="200" width="285" frameborder="0" bordercolor="#66CCFF"></iframe>
</div>
</td>
<td height="188" width="25%">
<p align="center"><img src="updates.jpg" width="143" height="49"></p>
<p align="center">MARQUEE SHOULD BE HERE </p>
</td>
</tr>
</table>
</div>
</body>
</html>

I deleted the marquee and table, but i want the marquee to be scrolling up so it will fit where i have mentioned in bold in the html (inside a table). =)

YourLucidEnigma

03-26-2004, 12:35 PM

Try this. It seems to look fine on my computer. ^_^

<html>
<head>
<title>MICHAEL JACKSON FEVER</title>
<style type="text/css">
a {text-decoration:none;}
</style>
<STYLE type="text/css">

</STYLE><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript1.2">

//Gradual-Highlight image script- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

function high(which2){
theobject=which2
highlighting=setInterval( "highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlightin g)
if (which2.style.MozOpacity)
which2.style.MozOpacity=0.3
else if (which2.filters)
which2.filters.alpha.opacity=30
}

function highlightit(cur2){
if (cur2.style.MozOpacity<1)
cur2.style.MozOpacity=parseFloat(cur 2.style.MozOpacity)+0.1
else if (cur2.filters&&cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlightin g)
}

</script>
</head>

<body bgcolor="ffffff" text="#000000" link="#000000" vlink="#000000" alink="#FF6699">
<font color="#FFCCFF"></font> <font color="#ffffff"></font>
<div align="center"><font color="ffffff"></font>
<table width="62%" border="1" cellspacing="5" cellpadding="1" bordercolor="#000000" height="484" bgcolor="#FF6699">
<tr bgcolor="#FFFFFF">
<td colspan="3">
<div align="center"><img src="../Jelly_Fever/pinkfever.jpg" width="591" height="191"></div>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="100" colspan="3">
<p>
<font face="Verdana, Arial, Helvetica, sans-serif" size="1">
<div align="left"><iframe src="Welcome.htm" IFRAME name="inlineframe" height="100" width="615" frameborder="0" bordercolor="#66CCFF"></iframe>
</div>
</font> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="188" width="25%">
<p align="center"><img src="../Jelly_Fever/smallpinkfever.jpg" width="128" height="49"></p>
<p><a href="welcome.htm" target="inlineframe" style="cursor:e-resize"><img src="arrow2.jpg" width="23" height="16" style="filter:alpha(opacity=30); -moz-opacity:0.3" onMouseOver="high(this)" onMouseOut="low(this)" border="0"></a>
<a href="welcome.htm" target="inlineframe" style="cursor:crosshair"><font face="Tahoma" size="1">Home</font></a><br>
<a href="michael_jackson.htm" target="inlineframe" style="cursor:e-resize"><img src="arrow2.jpg" width="23" height="16" style="filter:alpha(opacity=30); -moz-opacity:0.3" onMouseOver="high(this)" onMouseOut="low(this)" border="0"></a>
<a href="michael_jackson.htm" target="inlineframe" style="cursor:crosshair"><font face="Tahoma" size="1">Michael
Jackson</font></a><br>
<a href="extra.htm" target="inlineframe" style="cursor:e-resize"><img src="arrow2.jpg" width="23" height="16" style="filter:alpha(opacity=30); -moz-opacity:0.3" onMouseOver="high(this)" onMouseOut="low(this)" border="0"></a>
<a href="extra.htm" target="inlineframe" style="cursor:crosshair"><font face="Tahoma" size="1">Extra</font></a><br>
<a href="about.htm" target="inlineframe" style="cursor:e-resize"><img src="arrow2.jpg" width="23" height="16" style="filter:alpha(opacity=30); -moz-opacity:0.3" onMouseOver="high(this)" onMouseOut="low(this)" border="0"></a>
<a href="about.htm" target="inlineframe" style="cursor:crosshair"><font face="Tahoma" size="1">About</font></a><br>
<a href="site_info.htm" target="inlineframe" style="cursor:e-resize"><img src="arrow2.jpg" width="23" height="16" style="filter:alpha(opacity=30); -moz-opacity:0.3" onMouseOver="high(this)" onMouseOut="low(this)" border="0"></a>
<a href="site_info.htm" target="inlineframe" style="cursor:crosshair"><font face="Tahoma" size="1">Site
Info</font></a><br>
<a href="contact_web.htm" target="inlineframe" style="cursor:e-resize"><img src="arrow2.jpg" width="23" height="16" style="filter:alpha(opacity=30); -moz-opacity:0.3" onMouseOver="high(this)" onMouseOut="low(this)" border="0"></a>
<a href="contact_web.htm" target="inlineframe" style="cursor:crosshair"><font face="Tahoma" size="1">Contact
Web Miss</font></a></p>
</td>
<td height="188" width="45%">
<div align="left"><iframe src="Weekly.htm" IFRAME name="inlineframe2" height="200" width="285" frameborder="0" bordercolor="#66CCFF"></iframe>
</div>
</td>
<td height="188" width="25%">
<p align="center"><img src="updates.jpg" width="143" height="49"></p>
<p align="center">
<marquee behavior=scroll direction="up" scrollamount="1">
<font face="Tahoma" size="1">
Latest updates were made on 26/3/04. NOTICE - want your website on
MJFever's links page? <a href="mailto:billiejean777@hotm ail.com">Click
HERE</a>.
</font>
</marquee></p>
</td>
</tr>
</table>
</div>
</body>
</html>

Billie_Jean

03-26-2004, 08:50 PM

Thanks =) Well, i tried replacing that html with the html i have, then i saved and viewed it and it expanded my bottom frames length ways... it's very odd. You sure everything worked for you without the frames changing size? It's a mystery to me =S

Rosey

03-26-2004, 09:12 PM

When i copy and paste the code you have it works on my computer, do you happen to have it uploaded to the net where it does this long thing?

Billie_Jean

03-27-2004, 03:42 AM

Wow, so it works for everyone but me? Whenever i try to re shape the marquees inside frames, it never seems to work... always stays really long! I havn't uploaded the site yet, but i view it from my computer to have a preview. It's very odd... when you see it is the frame the same height as all the other frames next to it? It doesn't resize them to make them longer?

Thanks for helping Rosey and Lucid =)