PDA

View Full Version : Giúp đỡ về thẻ marquee trong firefox


hailua132
03-03-2010, 10:43
Hiện nay mình đang gặp khó khăn với thẻ marquee. Cụ thể như sau: Thẻ vẫn chạy trong IE bình thường, còn firefox thì chỉ chạy có 2 mẩu tin (Mình cho show ra 10 mẩu tin). Ai biết giúp mình với.

site bị lỗi: thẻ marquee ở bên trái phần HOT NEWS: http://lamhiephung.com/project.php

Còn đây là code trang:



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Lâm Hiệp Hưng</title>
<link rel="stylesheet" type="text/css" href="css/lamhiephung.css">
<script type="text/javascript" src="jscripts/stmenu.js"></script>
<SCRIPT src="highslide/highslide.js" type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
hs.graphicsDir = 'highslide/graphics/';
hs.outlineType = 'rounded-white';
window.onload = function() {
hs.preloadImages(5);
}
</SCRIPT>
<link rel="stylesheet" type="text/css" href="style.css"/>
<STYLE type=text/css>
UNKNOWN {
FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Helvetica
}
.highslide {
CURSOR: url(highslide/graphics/zoomin.cur), pointer; outline: none
}
.highslide IMG {
BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid
}
.highslide:hover IMG {
BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid
}
.highslide-image {
BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid
}
.highslide-image-blur {

}
.highslide-caption {
BORDER-RIGHT: white 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: medium none; DISPLAY: none; PADDING-LEFT: 5px; FONT-SIZE: 10pt; PADDING-BOTTOM: 5px; BORDER-LEFT: white 2px solid; PADDING-TOP: 5px; BORDER-BOTTOM: white 2px solid; FONT-FAMILY: Verdana, Helvetica; BACKGROUND-COLOR: white
}
.highslide-display-block {
DISPLAY: block
}
.highslide-display-none {
DISPLAY: none
}
.highslide-loading {
PADDING-RIGHT: 3px; BORDER-TOP: white 1px solid; DISPLAY: block; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 9px; PADDING-BOTTOM: 3px; TEXT-TRANSFORM: uppercase; COLOR: white; PADDING-TOP: 3px; BORDER-BOTTOM: white 1px solid; BACKGROUND-COLOR: black; TEXT-DECORATION: none
}
A.highslide-credits {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; COLOR: silver; PADDING-TOP: 2px; TEXT-DECORATION: none
}
A.highslide-credits I {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; COLOR: silver; PADDING-TOP: 2px; TEXT-DECORATION: none
}
A.highslide-credits:hover {
COLOR: white; BACKGROUND-COLOR: gray
}
A.highslide-credits:hover I {
COLOR: white; BACKGROUND-COLOR: gray
}
</STYLE>
<style type="text/css">

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
color:black;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gra y,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

</style>
<script type="text/javascript" src="iepngfix_tilebg.js"></script>
<style type="text/css">
img { behavior: url(iepngfix.htc) }
#botbor { behavior: url(iepngfix.htc)}
</style>

</head>
<body>
<DIV id="highslide-container">
<div id="top140"></div>
<center>
<div style="width: 878px; margin-top: 22px; z-index: 10;">
<div id="topbor">

</div>
<div id="undertopbor">
<div style="float: left; width: 265px;" align="right">{BANNER}</div>
<div style="float: left; width: 608px; overflow: hidden;">
<div style="float: left; width: 608px; height: 51px;background: url('images/bgtop.png'); overflow: hidden;">
<div style="float: right; width: 280px; margin-right: 20px;">
<form action="">
<div style="float: left; width: 245px; ">Search
<input type="text" style="background:none; border: 1px #b26b68 solid; width: 173px; height: 17px; color: #e5b07c; text-align: center;" />
</div>
<div style="border: 1px #b26b68 solid; width: 23px; height: 20px; float: left;">
<input type="submit" value="Go" style="background: none;border: none; color: #f4a544; cursor: pointer;">
</div>
</form>

</div>
</div>
<div style="float: left; width: 608px; height: 10px; background: url('images/bgg_14.png') no-repeat -1px; overflow: hidden;">

</div>
<div style="float: left; width: 606px; height: 44px; background: #6d0d09; overflow: hidden; ">
<script type="text/javascript">
<!--
stm_bm(["menu0eae",830,"","blank.gif",0,"","",0,0,0,0,50,1,0,0,"","100%",0,0,1,1,"default","hand",""],this);
stm_bp("p0",[0,4,0,0,0,2,1,0,100,"",-2,"",-2,90,0,0,"#7F7F7F","transparent","",3,0,0,"#999999"]);
stm_ai("p0i0",[0,"{T_HOME}","","",-1,-1,0,"index.php?l={lang}","_self","","","","",1,0,0,"","",0,0,0,1,1,"#8D9CC4",1,"#FFFFFF",1,"","",0,0,0,0,"#FFFFFF","#FFFFFF","#FFFFFF","#FFFF00"," 12px Arial"," 12px Arial",0,0],86,44);
stm_aix("p0i1","p0i0",[0,"{T_ABOUTUS}","","",-1,-1,0,"aboutus.php?l={lang}","_self","","","","",1,0,0,"","",0,0,0,1,1,"#8D9CC4",1,"#FFFFFF",1,"","",0,0,0,0,"#FFFFFF","#FFFFFF","#FFFFFF","#FFFF00"," 9pt Arial"," 9pt Arial"],86,44);
stm_aix("p0i2","p0i1",[0,"{T_PRODUCT}","","",-1,-1,0,"","_self","","","","",1,0,0,"","",0,0,0,1,1,"#FFFFFF"],86,44);
stm_bpx("p1","p0",[1,4,0,2,0,4,1,0,100,"",-2,"",-2,60,2,6,"#CCCCCC","#6a0c09","",0,1,1]);
<!-- BEGIN cs -->
stm_aix("p1i0","p0i0",[0,"{cs.NAME}","","",-1,-1,0,"product.php?l={lang}&mode=cate&cid={cs.ID}","_self","","","","",1,0,0,"","",0,0,0,0,1,"#0000FF",1,"#DCDAED",1,"","",0,0,0,0,"#FFFFFF","#FFFFFF","#FFFFFF","#FFFF00"],0,20);
stm_bpx("p2","p1",[1,2]);
<!-- BEGIN sub -->
stm_aix("p2i0","p1i0",[0,"{cs.sub.NAME}","","",-1,-1,0,"product.php?l={lang}&mode=cate&cid={cs.sub.ID}"]);
<!-- END sub -->
stm_ep();
<!-- END cs -->
stm_ep();

stm_aix("p0i4","p0i0",[0,"{T_PROJECT}","","",-1,-1,0,"project.php?l={lang}"],86,44);
stm_aix("p0i5","p0i0",[0,"{T_EMPLOY}","","",-1,-1,0,"employ.php?l={lang}"],86,44);
stm_aix("p0i6","p0i0",[0,"{T_CONTACT}","","",-1,-1,0,"contact.php?l={lang}"],86,44);
stm_ep();
stm_em();
//-->
</script>

</div>

</div>
</div>

<div id="content">
<div style="width: 265px; float: left; ">
<div style="float: left; width: 265px;background: #ede3ce;min-height: 318px;">
<div style="float: left; width: 265px; font-size: 12px; color: #ac3b00; font-weight: bold;" align="center"><div style="margin-top: 10px;">{T_CATE}</div></div>
<div style="float: left; z-index: 0; margin-left:30px; _margin-left:15px; width: 205px; height: 0px; _height:0px; margin-top: 0px; border-top: 1px #c7a46a solid; border-bottom: 1px #fff solid;" align="center"><!-- --></div>


<div style="float: left; width: 265px; margin-top: 10px; z-index:0; ">

<script type="text/javascript">
<!--
stm_bm(["menu6f62",830,"images/","blank.gif",0,"","",0,0,250,0,1000,1,0,0,"","",0,0,1,2,"default","hand",""],this);
stm_bp("p0",[1,4,0,0,2,3,10,0,100,"",-2,"",-2,50,0,0,"#999999","transparent","",3,0,0,"#000000"]);
<!-- BEGIN cs -->
stm_ai("p0i0",[0,"{cs.NAME}","","",-1,-1,0,"product.php?l={lang}&mode=cate&cid={cs.ID}","_self","","","node_36.png","node_36.png",10,10,0,"arrow_r.gif","arrow_r.gif",0,0,0,0,1,"#E6EFF9",1,"#FFD602",1,"","",3,3,0,0,"#E6EFF9","#000000","#000000","#ac3b00"," 12px Arial"," 12px Arial",0,0],220,25);
stm_bpx("p1","p0",[1,2,22,0,0,3,10,0,100,"",-2,"",-2,50,0,0,"#999999","transparent","",3,1,1]);
<!-- BEGIN sub -->
stm_aix("p1i0","p0i0",[0,"{cs.sub.NAME}","","",-1,-1,0,"product.php?l={lang}&mode=cate&cid={cs.sub.ID}","_self","","","node_36.png","node_36.png",10,10,0,"","",0,0,0,0,1,"#ede3ce",0,"#ede3ce",0],0,25);
<!-- END sub -->
stm_ep();
<!-- END cs -->
stm_ep();
stm_em();
//-->
</script>

</div>

</div>

<div style="float: left; width: 265px; font-size: 13px; color: #FFFFFF; font-weight: bold;" align="center"><div style="margin-top: 5px;">{T_LOGIN}</div></div>
<div style="float: left; margin-left:30px; _margin-left:15px; width: 205px; height: 0px; _height:0px; margin-top: 0px; border-top: 1px #000 solid; border-bottom: 1px red solid;" align="center"><!-- --></div>
<div style="float: left; width: 265px; margin-top: 15px; {HIENTHI}">
<form action="{ACTION}" enctype="multipart/form-data" method="post" style="margin: 0px; _margin:0px;" >
<div style="float: left; width: 265px;">
<input type="text" name="U_Name" value="Username" onfocus="if(this.value =='Username') this.value = '';" onblur="if(this.value =='') this.value ='Username';" style="margin-bottom: 10px;" />
</div>
<div style="float: left; width: 265px;">
<input type="password" name="U_Password" value="password" onfocus="if(this.value =='password') this.value = '';" onblur="if(this.value =='') this.value ='password';" />
</div>
<div style="float: left; width: 265px;">
<input type="checkbox" name="rem" value="1" > <label style="color: #e5b07c;">{T_REMEMBER}</label> <input type="submit" value="login" style="margin-left: 5px; _margin-left: 2px;">
</div>
<div style="float: left; width: 220px; margin-left: 50px; _margin-left: 15px; margin-top: 10px;" align="left">
<label style="color: #e5b07c;"><a href="forgot.php?l={lang}">{T_FORGOT}</a></label>
</div>
<div style="float: left; width: 220px; margin-left: 50px; _margin-left: 15px; margin-top: 10px;" align="left">
<label style="color: #e5b07c;"><a href="register.php?l={lang}">{T_NEWACOUNT}</a></label>
</div>

<!-- BEGIN thanhcong -->
{thanhcong.thongbao}
<!-- END thanhcong -->
<!-- BEGIN error2 -->
{error2.ERR_MSG}
<!-- END error2 -->
</form>

</div>
<div style="float: left; width: 265px; margin-top: 15px; {HIENTHI1}" style="margin: 0px; _margin:0px;">
<form action="{ACTION1}" enctype="multipart/form-data" method="post" >
{T_HI} : {USERTEN}
<div style="float: left; width: 265px;"><input type="submit" value="logout" style="margin-left: 5px; _margin-left: 2px;"></div>
</form>
</div>
<div style="float: left; width: 265px; font-size: 13px; color: #FFFFFF; font-weight: bold;" align="center"><div style="margin-top: 15px;">VIDEO CLIP</div></div>
<div style="float: left; margin-left:30px; _margin-left:15px; width: 205px; height: 0px; _height:0px; margin-top: 0px; border-top: 1px #000 solid; border-bottom: 1px red solid;" align="center"><!-- --></div>
<div style="float: left; width: 265px; height: 220px; margin-top: 20px; ">{VIDEO}</div>

<div style="float: left; width: 265px; font-size: 13px; color: #FFFFFF; font-weight: bold;" align="center"><div style="margin-top: 15px;">{T_HOTNEWS}</div></div>
<div style="float: left; margin-left:30px; _margin-left:15px; width: 205px; height: 0px; _height:0px; margin-top: 0px; border-top: 1px #000 solid; border-bottom: 1px red solid;" align="center"><!-- --></div>
<div style="float: left; width: 265px; height : 220px; margin-top: 20px; ">
<div style="float: left; height :220px; width: 245px;">
<marquee onmouseover="this.stop();" height= "100%" onmouseout="this.start();" direction="up" scrollamount="3">
<!-- BEGIN tin_tuc_main -->

<div style="width: 211px;float: left; " align="center">
<div style="width: 245px;float: left;margin-left: 5px; _margin-left: 2px;margin-top:5px;" align="justify">{tin_tuc_main.N_IMAGE}{tin_tuc_main.N_DESCRIPTION}</div>
<div style="width:245px;float: left;" align="right"><a href="news.php?mode=detail&n_id={tin_tuc_main.N_ID}" style="color: red;">Detail</a></div>
<div style="width:245px;float: left;font-size: 10px; height: 1px; border-bottom: 1px white dashed; margin-top: 10px; " align="center" ></div>
</div>

<!-- END tin_tuc_main -->
</marquee>
</div>

</div>

<div style="float: left; width: 265px; font-size: 13px; color: #FFFFFF; font-weight: bold;" align="center"><div style="margin-top: 15px;">{T_PROMOTION}</div></div>
<div style="float: left; margin-left:30px; _margin-left:15px; width: 205px; height: 0px; _height:0px; margin-top: 0px; border-top: 1px #000 solid; border-bottom: 1px red solid;" align="center"><!-- --></div>
<div style="float: left; width: 265px; min-height: 225px;">
<!-- BEGIN promotion -->
<div style="width: 240px;height: 160px;px;float: left; margin-top: 10px; margin-left:10px; _margin-left:5px; border: 1px white solid;" id="imgpro" align="center">

<div style="float: left; width:240px; ">{FLASHTRAI}
<!-- <div style="width:240px; margin: 0px;float: left;height: 110px;margin-top: 7px;"><a href="product.php?l={lang}&cid={promotion.C_ID}&pro_id={promotion.ID}" >{promotion.IMAGE}</a></div>
<div style="width:240px; margin: 0px;float: left;color: #e5b07c; margin-top: 10px;">{promotion.NAME} <a href="shopping.php?l={lang}&p_id={pro_rows.ID}&mode=add&cid={pro_rows.C_ID}"> <img alt="" src="images/cart_62.png" style="margin-left: 10px; _margin-left: 10px;" border="0" > Add Card </a></div>-->


</div>

</div>
<!-- END promotion -->
</div>
<div style="float: left; width: 265px; font-size: 13px; color: #FFFFFF; font-weight: bold;" align="center"><div style="margin-top: 15px;">{T_WEBLINK}</div></div>
<div style="float: left; margin-left:30px; _margin-left:15px; width: 205px; height: 0px; _height:0px; margin-top: 0px; border-top: 1px #000 solid; border-bottom: 1px red solid;" align="center"><!-- --></div>
<div style="float: left; width: 265px; height: 80px;" >
<select name="select" onchange="window.open(this.options[this.selectedIndex].value ,target='_blank'); select.options[0].selected=true" size="1" border="0" style="width:194px; margin-top:15px; list-style-type:none;font-size:13px;" >
<option >------------------website--------------</option>
<!-- BEGIN weblink -->
<option value="{weblink.LINK}">{weblink.NAME}</option>
<!-- END weblink -->
</select>

<div style="width: 265px; color: white; margin-top: 20px; float: left; " align="center">
<div style="float: left; margin-right: 5px; _margin-right: 2px; width: 110px; ">{T_COUNTER}</div>
<div style="float: left; width: 140px;">{COUNTER}</div>
</div>
</div>

</div>

<div style="float: left; width: 612px;">
<div style="float: left; width: 612px; min-height: 317px; height: auto !important; _height:317px;">
<div style="float: left; width: 405px;background: #ede3ce;min-height: 318px;">{FLASH}</div>
<div style="float: left; width: 207px;background: #ede3ce; min-height: 318px; height: auto !important; _height:317px;">
<div style="float: left; width: 207px; font-size: 13px; font-weight: bold; color: #ac3b00; margin-top: 5px; " > WHAT'S NEW</div>
<div style="float: left; margin-left:20px; _margin-left:15px; width: 167px; height: 0px; _height:0px; margin-top: 0px; border-top: 1px #c7a46a solid; border-bottom: 1px #fff solid;" align="center"><!-- --></div>
<div style="float: left; width: 207px; margin-top: 10px; ">{FLASHPHAI}
<!-- BEGIN wnew -->
<!-- <a href="product.php?l={lang}&cid={wnew.C_ID}&pro_id={wnew.ID}" >{wnew.IMAGE}</a>-->

<!-- END wnew -->
</div>


<div style="float: left; margin-left:20px; _margin-left:15px; width: 167px; height: 0px; _height:0px; margin-top: 0px; border-top: 1px #c7a46a solid; border-bottom: 1px #fff solid;" align="center"><!-- --></div>
<div style="float: left; width: 207px; color: #27160e;">
<!-- BEGIN support -->
<div style="float: left; width: 207px; margin-top: 10px; display: table-cell; vertical-align: middle;">

<a href="{support.LINK}" style=" color: #27160e;"><img src="http://opi.yahoo.com/online?u={support.SO_YM}&amp;m=g&amp;t=1" border="0" /> <br> {support.NAME}</a>
</div>
<!-- END support -->
<!-- BEGIN skype -->
<div style="float: left; width: 207px; margin-top: 10px;" nowrap="nowrap>
<a href="{support.LINK}">
<a href="{skype.LINK}" style=" color: #27160e;"><img src="images/sky_36.png" border="0" style="" /></a> &nbsp;&nbsp; {skype.NAME}
</div>
<!-- END skype -->
</div>
<div style="float: left; width: 207px;">{HOTLINE}</div>
</div>
</div>
<div style="float: left; width: 612px; ">
{BODY}
</div>
</div>

</div>
<div id="botbor"></div>
<div style="float: left; width: 878px;">{FOOTER}</div>
</div>

</center>
</DIV>
</body>
</html>


Bác nào giúp em với, em bó tay rồi.
ngoc_viet08
03-03-2010, 10:58
nhìn source là bó tay ....