가로로 가운데에 있으며 다른 콘텐츠를 수직으로 오프셋하지 않습니다.

나는 플래시 기반 사이트가 있습니다. 나는 자바 스크립트 (사이트처럼 수평 중심) 위에 광고를 배치하고 싶습니다.가로로 가운데에 있으며 다른 콘텐츠를 수직으로 오프셋하지 않습니다.

<script type="text/javascript"> 
var pw_d=document; 
pw_d.projectwonderful_adbox_id = "00000"; 
pw_d.projectwonderful_adbox_type = "0"; 
</script>

플래시 사이트는 모두 플래시 컨테이너에 있습니다. 나는 플래시 사이트에 시각적 인 간격을 두어 광고 위에 마우스를 올려 놓을 계획이다.

나는 이것을 수행하는 데 필요한 html 또는 javascript를 모른다. 여전히 검색 중입니다. 다소 일반적인 것처럼 보입니다. 아래의 공간을 남겨 둘 것이다

http://www.charbythevampirate.com/shell.html?page=comics&comic=24

출처

2011-02-10 SketchBookGames

다음은 내가 조롱 한 것입니다.

http://jsfiddle.net/meNVU/

는 기본적으로, 당신은, CSS에서 절대적으로 이미지의 위치를 50 %로 모두 top 및 left 속성을 설정합니다. 그런 다음 margin-left 및 margin-top을 너비의 절반 * -1 및 높이의 절반 * -1로 각각 설정합니다. 그런 다음 <object>의 플래시를 0으로 설정하고 이미지의 z-index을 1로 설정하여 z-index을 설정하면됩니다. 그러면 올바른 방향으로 이동해야합니다.

출처

2011-02-11 23:34:48

div

<div style="width:auto;margin 0 auto;padding-bottom: 10px"> 
<script type="text/javascript"> 
var pw_d=document; 
pw_d.projectwonderful_adbox_id = "00000"; 
pw_d.projectwonderful_adbox_type = "0"; 
</script> 
</div>

padding-bottom: 10px;에 스크립트를 감싸 :

은 내가 레퍼런스 사이트가

사업부 (들)을 사용하는 것입니다 가정 플래시의 나머지 부분을 추가하기 전에 추가하거나 제거하거나 픽셀 수를 늘릴 수 있습니다.

출처

2011-02-10 22:02:31 Cfreak

매트 맥도날드에 의해 예 : https://stackoverflow.com/users/342129/matt-mcdonald

http://jsfiddle.net/meNVU/

* 내 마지막 코드

shell.css

body {background-color: #000000;} 

div#ad 
{ 
    width: 728px; 
    height: 90px; 
    background-color: #000000; 
    margin-left: -365px; 
    margin-top: 77px; 
    position: absolute; 
    left: 50%; 
    z-index: 1; 
}

shell.html (내 플래시 개체가 필요합니다 브라우저 스크롤바의 경우 플래시로 크기를 조정하기위한 자바 스크립트로 래핑됩니다.

<!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>Charby The Vampirate</title> 

<link rel="stylesheet" 
type="text/css" href="shell.css" /> 


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> 
<script type="text/javascript"> 

var myQueryString=document.location.search; 
if (myQueryString[0]='?') 
    { 
     myQueryString=myQueryString.substr(1, myQueryString.length-1); 
    } 
var flashvars = { 
    dat: escape(myQueryString) 
}; 
var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1 
if(is_chrome == true){ 
    var params = { 
     allowFullScreen: "true", 
     menu: "false", 
     wmode: "transparent" 
    }; 
}else{ 
    var params = { 
     allowFullScreen: "true", 
     menu: "false", 
     wmode: "window" 
    }; 

} 
var attributes = { 
    id: "resized", 
    name: "resized", 
    wmode: "window" 
}; 

swfobject.embedSWF("shell.swf", "resized", "100%", "100%", "10.0.0", "expressInstall.swf", flashvars, params, attributes); 
</script> 



<div id="ad"> 
    <!-- Beginning of Project Wonderful ad code: --> 
    <!-- Ad box ID: 38564 --> 
    <script type="text/javascript"> 
    <!-- 
    var pw_d=document; 
    pw_d.projectwonderful_adbox_id = "43066"; 
    pw_d.projectwonderful_adbox_type = "5"; 
    //--> 
    </script> 
    <script type="text/javascript" src="http://www.projectwonderful.com/ad_display.js"></script> 
    <!-- Ending of Project Wonderful ad code: --> 
</div> 

</head> 

<body> 
<div id="resized" align="center"></div> 
</body> 
<script> 
function ResizeFlash(newHeight){ 

    $("#resized").css("height",newHeight); 
} 
</script> 
</html>

출처

2011-02-10 22:52:09 SketchBookGames

만나서 반가워요. 미안하지만 나는 그것을 볼 수 없었다. –

가로로 가운데에 있으며 다른 콘텐츠를 수직으로 오프셋하지 않습니다.

답변

관련 문제