사진을 테이블 가운데로 오게 하려면... 정보
사진을 테이블 가운데로 오게 하려면...
관련링크
본문
링크 #1 에 접속해보면 알 수 있듯이
홈페이지 로고가 테이블 위쪽에 치우져져 있는데요..
사용한 태그는
---------------------------
<td>
<a href="<?=$g4['path']?>/"><img src="<?=$g4['path']?>/img/logo.png" border="0"
<a href="<?=$g4['path']?>/"><img src="<?=$g4['path']?>/img/logo.png" border="0"
</a>
</td>
---------------------------
입니다...
어떻게 하면 검색바 가운데로 오게 할 수 있을까요?
댓글 전체
가로 기준이라면 <td align="center"> 세로 기준이라면 <td valign="middle">
둘다라면 <td align="center" valign="middle">
다른 방법은 <td style="padding:10px 5px;">처럼 셀안에 얼마의 간격으로 상하 좌우에 배치할 것인지 치수를 지정합니다.
또는 <td style="padding-top:10px; padding-left:5px">처럼 처럼 얼마의 간격으로 상 좌에에 배치할 것이지 치수를 지정합니다.
<td style="padding: 10px 15px 20px 30px;">처럼 상좌하우의 간격을 다른게 할 수도 있습니다.
다른 방법은 레이어나 이미지 소스에 포지션을 설정하는 방법도 있습니다.
또 다른 방법으로는 텍스트 이미지의 정렬 태그를 이용하면 됩니다.
기타 다른 방법은 이미지에 마진 치수를 정하는 방법도 있을 수 있습니다.
그리고 브라우져의 특성에 따라서 로고이미지(png24)에 배경색이 투명하지 않을 수 있으므로 특히 ie6이하에서 보기가 안좋을 수 있습니다.
png24라고 검색을 하시면 좋은 팁을 얻을 수 있을 겁니다.
제가 주로 쓰는 방법이 몇가지가 있는데 그중에
<style>
.png24 { tmp:expression(setPng24(this)); }
</style>
<script language="javascript">
<!--
function setPng24(obj) {
obj.width=obj.height=1;
obj.className=obj.className.replace(/\bpng24\b/i,'');
obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');"
obj.src='';
return '';
}
//-->
</script>
<img src="<?=$g4['path']?>/img/logo.png" border="0" class="png24" width="134" height="85">
혹은 다음과 같이 하면될 듯합니다.
<div style="width:134px; height:85px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=('<?=$g4['path']?>/img/logo.png');"></div>
둘다라면 <td align="center" valign="middle">
다른 방법은 <td style="padding:10px 5px;">처럼 셀안에 얼마의 간격으로 상하 좌우에 배치할 것인지 치수를 지정합니다.
또는 <td style="padding-top:10px; padding-left:5px">처럼 처럼 얼마의 간격으로 상 좌에에 배치할 것이지 치수를 지정합니다.
<td style="padding: 10px 15px 20px 30px;">처럼 상좌하우의 간격을 다른게 할 수도 있습니다.
다른 방법은 레이어나 이미지 소스에 포지션을 설정하는 방법도 있습니다.
또 다른 방법으로는 텍스트 이미지의 정렬 태그를 이용하면 됩니다.
기타 다른 방법은 이미지에 마진 치수를 정하는 방법도 있을 수 있습니다.
그리고 브라우져의 특성에 따라서 로고이미지(png24)에 배경색이 투명하지 않을 수 있으므로 특히 ie6이하에서 보기가 안좋을 수 있습니다.
png24라고 검색을 하시면 좋은 팁을 얻을 수 있을 겁니다.
제가 주로 쓰는 방법이 몇가지가 있는데 그중에
<style>
.png24 { tmp:expression(setPng24(this)); }
</style>
<script language="javascript">
<!--
function setPng24(obj) {
obj.width=obj.height=1;
obj.className=obj.className.replace(/\bpng24\b/i,'');
obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');"
obj.src='';
return '';
}
//-->
</script>
<img src="<?=$g4['path']?>/img/logo.png" border="0" class="png24" width="134" height="85">
혹은 다음과 같이 하면될 듯합니다.
<div style="width:134px; height:85px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=('<?=$g4['path']?>/img/logo.png');"></div>
