Jump to content


 


Register a free account to unlock additional features at BleepingComputer.com
Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.


Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

Photo

proublem withe marquee on chrome


  • Please log in to reply
2 replies to this topic

#1 gool88

gool88

  • Members
  • 2 posts
  • OFFLINE
  •  
  • Local time:12:08 PM

Posted 08 September 2014 - 04:18 PM

hello!

I used a marquee element inside of a div element.

It looks fine in Internet Explorer but in Chrome the text goes beyond div.

However, in another page on the same site I did a marquee too and it works on Chrome.

What to do?

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" dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
object *{
padding:0;
margin:0;
}

#container {
	position: relative;
	width: 960px;
	z-index: 1;
	border: thick solid #000;
	margin-right: auto;
	margin-left: auto;
	height: 1200px; 
}
#header {
position: relative;
width: 958px;
height: 146px;
z-index: 2;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
border-bottom-style: solid;
border-bottom-width: medium;
border-bottom-color: #ac1c33;
margin-right: auto;
margin-left: auto;
left: 0px;
top: 0px;
background-image: url(images/html-images/canstockphoto178167596_comp.jpg);
}
#tab {
position: relative;
width: 960px;
height: 54px;
z-index: 4;
background-color: #57010c;
border-bottom-width: thin;
border-bottom-style: solid;
}
#apDiv2 {
	position: relative;
	width: 960px;
	height: 98px;
	z-index: 6;
	background-image: url(images/html-images/canstockphoto178167567_comp.jpg);
	background-repeat: repeat;
	float: right;
}
.sign {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
	color: #690917;
	text-align: center;
	white-space: nowrap;
}
.outside {
	border: medium double #000;
}
.highlight {
	background-color: #FFF;
	border: thin solid #000;
	font-size: 16px;
	padding: 1px;
	-webkit-transition: all;
	-moz-transition: all;
	-ms-transition: all;
	-o-transition: all;
	transition: all;
	vertical-align: middle;
	display: inline-block;
	margin: 2px 0;
	white-space: nowrap;	
}
#apDiv4 {
	position: relative;
	width: 120px;
	height: 180px;
	z-index: 1;
	float: right;
}
#apDiv1 {
	position: relative;
	width: 960px;
	z-index: 5;
	background-image: url(images/html-images/canstockphoto17816756009_comp.jpg);
	background-repeat: repeat;
	margin: 0px;
	height: 897px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

table.main-table {
	border-spacing: 4px 0;
	margin-right: 180px;
}
table.main-table table {
	border-spacing: 4px 0;
}
#apDiv10 {
	width: 140px;
	height: 200px;
	z-index: 2;
	float: right;
	border: medium inset #CCC;
	margin-top: 200px;
	margin-right: 10px;
	clear: right;
	position: static;
	background-color: #FFF;
}
.heb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
 
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>


</head>
<body onload="MM_preloadImages('images/html-images/home-4.jpg','images/html-images/about-4.jpg','images/html-images/galleries-3.jpg','images/html-images/contect-4.jpg')">
<a name="top" id="top"></a>
<div id="container">
 
<div id="header"></div>
<div id="tab">
<table width="940" border="0" cellpadding="0" cellspacing="1" style="border-bottom:2px solid black">
<tr>
<td height="52" scope="col"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contect','','images/html-images/contect-4.jpg',1)"><img src="images/html-images/contect-3.jpg" width="235" height="52" id="contect" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('galleries','','images/html-images/galleries-3.jpg',1)"><img src="images/html-images/galleries-4.jpg" width="235" height="52" id="galleries" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/html-images/about-4.jpg',1)"><img src="images/html-images/about-3.jpg" width="235" height="52" id="about" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/html-images/home-4.jpg',1)"><img src="images/html-images/home-3.jpg" width="235" height="52" id="home" /></a></td>
</tr>
</table>
<table width="940" border="0" cellpadding="0" cellspacing="1">
</table>
</div>
<div id="apDiv1">
  <div id="apDiv4"><table width="120" height="180" border="1">
    <tr>
      <td width="162" height="20" class="sign">באנר דגים</td>
    </tr>
    <tr>
      <td height="20" class="sign">מסכה love</td>
    </tr>
    <tr>
      <td height="20" class="sign">באנר מוזיקה</td>
    </tr>
    <tr>
      <td height="20" class="sign">מתופפים</td>
    </tr>
    <tr>
      <td height="20" class="sign">אייקון</td>
    </tr>
  </table></div>
  
<div class="heb" id="apDiv10"><marquee direction="up" bgcolor="#FFFFFF" width="100" scrollamount="3"  onmouseover="stop()" onmouseout="start()">
  לפניכם מבחר עבודות בפלאש שיצרתי בנושאים שונים כגון:
באנרים, מסכה ואייקון מקווה שתהנו צפייה נעימה.
</marquee></div>
<table class="main-table"  width="765" height="876" border="0" cellpadding="0" cellspacing="0" dir="ltr">
    <tr>
      <th width="760" height="84" class="outside" scope="col"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760" height="84">
        <param name="movie" value="flash work/musicb.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="11.0.0.0" />
        <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="flash work/musicb.swf" width="760" height="84">
          <!--<![endif]-->
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="11.0.0.0" />
          <param name="expressinstall" value="Scripts/expressInstall.swf" />
          <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
          <div>
            <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
          </div>
          <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
      </object></th>
    </tr>
    <tr>
           <td height="25" align="center" class="sign"><span class="highlight" dir="rtl">באנר מוסיקה</span></td>
    </tr>
    <tr>
     <td style="vertical-align:top"  width="760" height="759"><table width="768" height="759" border="0" cellpadding="0" cellspacing="0">
        <tr align="left">
          <td width="551" height="280" align="center" class="outside"><object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="551" height="280">
            <param name="movie" value="flash work/fishb.swf" />
            <param name="quality" value="high" />
            <param name="wmode" value="opaque" />
            <param name="swfversion" value="11.0.0.0" />
            <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
            <param name="expressinstall" value="Scripts/expressInstall.swf" />
            <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
            <!--[if !IE]>-->
            <object type="application/x-shockwave-flash" data="flash work/fishb.swf" width="551" height="280">
              <!--<![endif]-->
              <param name="quality" value="high" />
              <param name="wmode" value="opaque" />
              <param name="swfversion" value="11.0.0.0" />
              <param name="expressinstall" value="Scripts/expressInstall.swf" />
              <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
              <div>
                <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
              </div>
              <!--[if !IE]>-->
            </object>
            <!--<![endif]-->
          </object></td>
          <td width="189" height="280" align="center" class="outside"><object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="280">
            <param name="movie" value="flash work/lovem.swf" />
            <param name="quality" value="high" />
            <param name="wmode" value="opaque" />
            <param name="swfversion" value="11.0.0.0" />
            <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
            <param name="expressinstall" value="Scripts/expressInstall.swf" />
            <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
            <!--[if !IE]>-->
            <object type="application/x-shockwave-flash" data="flash work/lovem.swf" width="189" height="280">
              <!--<![endif]-->
              <param name="quality" value="high" />
              <param name="wmode" value="opaque" />
              <param name="swfversion" value="11.0.0.0" />
              <param name="expressinstall" value="Scripts/expressInstall.swf" />
              <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
              <div>
                <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
              </div>
              <!--[if !IE]>-->
            </object>
            <!--<![endif]-->
          </object></td>
        </tr>
        <tr>
           <td height="25" align="center" class="sign"><span class="highlight" dir="rtl">באנר דגים</span></td>
          <td height="25" align="center" class="sign" ><span class="highlight" dir="rtl">מסכה love</span></td>
        </tr>
        <tr>
          <td width="559" height="394" align="center" class="outside"><object id="FlashID4" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="551" height="394">
            <param name="movie" value="flash work/Drummers.swf" />
            <param name="quality" value="high" />
            <param name="wmode" value="opaque" />
            <param name="swfversion" value="11.0.0.0" />
            <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
            <param name="expressinstall" value="Scripts/expressInstall.swf" />
            <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
            <!--[if !IE]>-->
            <object type="application/x-shockwave-flash" data="flash work/Drummers.swf" width="551" height="394">
              <!--<![endif]-->
              <param name="quality" value="high" />
              <param name="wmode" value="opaque" />
              <param name="swfversion" value="11.0.0.0" />
              <param name="expressinstall" value="Scripts/expressInstall.swf" />
              <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
              <div>
                <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
              </div>
              <!--[if !IE]>-->
            </object>
            <!--<![endif]-->
          </object></td>
          <td width="189" height="394" align="center" class="outside"><object id="FlashID5" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="394">
            <param name="movie" value="flash work/icon1.swf" />
            <param name="quality" value="high" />
            <param name="wmode" value="opaque" />
            <param name="swfversion" value="11.0.0.0" />
            <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
            <param name="expressinstall" value="Scripts/expressInstall.swf" />
            <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
            <!--[if !IE]>-->
            <object type="application/x-shockwave-flash" data="flash work/icon1.swf" width="189" height="394">
              <!--<![endif]-->
              <param name="quality" value="high" />
              <param name="wmode" value="opaque" />
              <param name="swfversion" value="11.0.0.0" />
              <param name="expressinstall" value="Scripts/expressInstall.swf" />
              <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
              <div>
                <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
              </div>
              <!--[if !IE]>-->
            </object>
            <!--<![endif]-->
          </object></td>
        </tr>
        <tr>
          <td height="25" align="center" class="sign" ><span class="highlight" dir="rtl">מתופפים</span></td>
          <td height="25" align="center" class="sign" ><span class="highlight" dir="rtl">אייקון</span></td>
        </tr>
      </table></td>
    </tr>
</table>
</div>
<div id="apDiv3"></div>
<div id="apDiv2"></div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID2");
swfobject.registerObject("FlashID3");
swfobject.registerObject("FlashID4");
swfobject.registerObject("FlashID5");
 </script>
</body>
</html>

look on chrome

 

http://i60.tinypic.com/334q3h0.jpg

 

thanks galia



BC AdBot (Login to Remove)

 


m

#2 neilbuddy

neilbuddy

  • Members
  • 42 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Rochester MN
  • Local time:04:08 AM

Posted 10 September 2014 - 03:35 PM

Adding "overflow:hidden;" to the container should work to hide content that expands beyond the container.



#3 gool88

gool88
  • Topic Starter

  • Members
  • 2 posts
  • OFFLINE
  •  
  • Local time:12:08 PM

Posted 10 September 2014 - 03:57 PM

Adding "overflow:hidden;" to the container should work to hide content that expands beyond the container.

 

hello!

 

i try that but it did not work it is the same what to do?

 

thanks galia






0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users