플래시 겉에 bg로 감싸는 방법 질문 정보
플래시 겉에 bg로 감싸는 방법 질문
본문
그림 보시면 이해가 되실듯 합니다.
<table><tr><td valign="top"></td><td valign="top">플래시호출</td></tr></table>
이런식으로 잡으면 안되는데...
center는 flash제작이구요
left와 right 부분은 일반 bg 인것같습니다.
swf와 좌.우측 bg로 감싸는 방법좀 알려주세요.
<table><tr><td valign="top"></td><td valign="top">플래시호출</td></tr></table>
이런식으로 잡으면 안되는데...
center는 flash제작이구요
left와 right 부분은 일반 bg 인것같습니다.
swf와 좌.우측 bg로 감싸는 방법좀 알려주세요.
댓글 전체
<table><tr><td style="width:100%; height:45px; background:#000;"></td></table>
<div style="width:980px; height:45px; position:absolute; top:500px;">
플래시 삽입
</div>
잘 이용하시면 될듯..합니다.
<div style="width:980px; height:45px; position:absolute; top:500px;">
플래시 삽입
</div>
잘 이용하시면 될듯..합니다.
<div class="head" style="background-image:url(<?php echo $g4['path']?>/test/img/bar-bg.png);">
지금현재 이렇게 되어있는데 center swf 삽입해봤는데 잘안되네요
참고로 해보겠습니다.
지금현재 이렇게 되어있는데 center swf 삽입해봤는데 잘안되네요
참고로 해보겠습니다.
<link rel="stylesheet" href="<?=$g4['path']?>/test/style.css" type="text/css">
<!-- 전체 -->
<div id="wrap">
<!-- 해드 -->
<div class="head" style="background-image:url(<?php echo $g4['path']?>/test/img/bar-bg.png);">
<div class="head-top">
<div class="head-top-left">
<img src="<?php echo $g4['path']?>/test/img/logo.png" alt="홈" />
</div>
<div class="head-top-btn">
<img src="<?php echo $g4['path']?>/test/img/top-btn.png" usemap="#topbtn" alt="홈" />
</div>
</div>
</div>
<div id="wrap2">
<!-- 중간 -->
<div class="middle">
이렇게 하면 정확하게 상단에 메뉴가 차게 되는데요 저사이에 swf를 넣어야 하는데 힘드네요
<!-- 전체 -->
<div id="wrap">
<!-- 해드 -->
<div class="head" style="background-image:url(<?php echo $g4['path']?>/test/img/bar-bg.png);">
<div class="head-top">
<div class="head-top-left">
<img src="<?php echo $g4['path']?>/test/img/logo.png" alt="홈" />
</div>
<div class="head-top-btn">
<img src="<?php echo $g4['path']?>/test/img/top-btn.png" usemap="#topbtn" alt="홈" />
</div>
</div>
</div>
<div id="wrap2">
<!-- 중간 -->
<div class="middle">
이렇게 하면 정확하게 상단에 메뉴가 차게 되는데요 저사이에 swf를 넣어야 하는데 힘드네요
레이어 구조를 생각하시면 될 것 같습니다.
<!--바탕 레이어-->
<div style="width:1200px; height:140px; background-image:url("<?=$g4['path']?>/test/img/bar-bg.png"); ">
<!-- swf들어가는 레이어 -->
<div style="width:swf의 넓이; height:swf의 높이; position: relative; margin: 40px auto 0px auto; z-index:10;">
<!-- 플래시 넣는 곳 -->
<object .........><param .......></param></object>
</div>
</div>
이렇게 하시면 바탕그림이 들어가는 div가 밑에 깔리고 swf가 들어가는 div가 위에 올라가게 되는데 여기서 중요한 것은 margin값의 40px auto 0px auto값입니다. (순서상 top right botom left에 여백을 주는 것임)
왼쪽과 오른쪽에 auto를 넣은 것은 왼쪽과 오른쪽의 여백을 같이 해준다는 의미이기 때문데 이 div를 가운데로 정렬시키는 것이지요. 40px는 알맞게 숫자를 바꿔 넣으시면 됩니다.
width와 height에 값을 줄때는 끝에 px단위를 꼭 붇이세요.
z-index는 필요없을 수도 있겠습니다만 혹시 해서 아래쪽의 div보다는 높은 숫자로 정의시키는 것이 확실할 것 같아 넣었습니다.
필요에 따라서 object 태그의 param에 transparent값을 true로 정의시켜 줘도 될 것입니다.
<!--바탕 레이어-->
<div style="width:1200px; height:140px; background-image:url("<?=$g4['path']?>/test/img/bar-bg.png"); ">
<!-- swf들어가는 레이어 -->
<div style="width:swf의 넓이; height:swf의 높이; position: relative; margin: 40px auto 0px auto; z-index:10;">
<!-- 플래시 넣는 곳 -->
<object .........><param .......></param></object>
</div>
</div>
이렇게 하시면 바탕그림이 들어가는 div가 밑에 깔리고 swf가 들어가는 div가 위에 올라가게 되는데 여기서 중요한 것은 margin값의 40px auto 0px auto값입니다. (순서상 top right botom left에 여백을 주는 것임)
왼쪽과 오른쪽에 auto를 넣은 것은 왼쪽과 오른쪽의 여백을 같이 해준다는 의미이기 때문데 이 div를 가운데로 정렬시키는 것이지요. 40px는 알맞게 숫자를 바꿔 넣으시면 됩니다.
width와 height에 값을 줄때는 끝에 px단위를 꼭 붇이세요.
z-index는 필요없을 수도 있겠습니다만 혹시 해서 아래쪽의 div보다는 높은 숫자로 정의시키는 것이 확실할 것 같아 넣었습니다.
필요에 따라서 object 태그의 param에 transparent값을 true로 정의시켜 줘도 될 것입니다.
