로고 이미지 부분. table 안깨지게 위에 div 띄우려면 ? 정보
로고 이미지 부분. table 안깨지게 위에 div 띄우려면 ?
본문
첨부된 이미지 처럼 로고가 들어가면 table의 height 값이 깨집니다.
table 에는 background 로 배경 이미지가 존재 합니다
로고이미지가 있으면 위에 이미지를 div에 해당 하는곳에 띄우고 싶은데
어떻게 하는건가요 ?
==========================================================================
<script language="JavaScript">
<!--
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_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_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];}
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
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;
}
//-->
</script>
<?
//이미지 경로
$Img_Dir = "./img_skin/skin1";
if($LOGIN_REAL_STATE == "1")
{
$logimg_top = "header_01_03_in";
$logtext_top = "로그아웃";
$loglink_top = "logout";
$memimg_top = "header_01_04_in";
$memtext_top = "정보수정";
$memlink_top = "modify";
} else {
$logimg_top = "header_01_03";
$logtext_top = "로그인";
$loglink_top = "loginForm";
$memimg_top = "header_01_04";
$memtext_top = "회원가입";
$memlink_top = "joinRegist";
}
?>
<!-- header 시작-->
<table width=961 border="0" cellpadding="0" cellspacing="0" valign="top">
<tr>
<td width=100% valign=top>
<table width=100% border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="./"><img src="images/index0_02.jpg" width="74" height="30" alt="HOME"></a></td>
<td><? if($user_id) { ?><a href="./usr.php?qry=modify"><img src="images/index0_ov_03.jpg" width="81" height="30" alt="회원가입"></a><? } else { ?><a href="./usr.php?qry=joinRegist"><img src="images/index0_03.jpg" width="81" height="30" alt="회원가입"></a><? } ?></td>
<td><a href="./wish_list.php"><img src="images/index0_04.jpg" width="77" height="30" alt="장바구니"></a></td>
<td><? if($user_id) { ?><a href="./usr.php?qry=logout"><img src="images/index0_ov_05.jpg" width="65" height="30" alt="로그아웃"></a><? } else { ?><a href="./usr.php?qry=loginForm"><img src="images/index0_05.jpg" width="65" height="30" alt="로그인"></a><? } ?></td>
<td><a href="javascript:addfavorites();"><img src="images/index0_06.jpg" width="123" height="30" alt="즐겨찾기"></a></td>
<td><img src="images/index0_07.jpg" width="94" height="30"></td>
<td><img src="images/index0_08.jpg" width="92" height="30"></td>
<td background="images/index0_09.jpg" width="168" height="30"alt="전화번호" style="padding-left:10px"><span style="color:white;font-weight:bold"><?=$CFG[TEL];?></span></td>
<td><a href="./bbs.php?id=qna"><img src="images/index0_10.jpg" width="187" height="30"></a></td>
</tr>
</table>
</td>
</tr>
<form name="search" method=post action="search.php">
<tr>
<td width=100% valign=top>
<table width=100% border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><img src="images/index0_12.jpg" width="961" height="32"></td>
</tr>
<tr>
<td background="images/index0_13.jpg" width="667" height="34" style="padding-left:15px"><? if($MALL[logo_img]) { ?><a href="./index.php"><img src="./data/logo/<?=$MALL[logo_img];?>" height="34" border="0"/></a><? } else { ?><a href="./index.php"><span style="font-size:16px;color:white"><b><?=$CFG[CNAME];?></b></span></a><? } ?></td>
<td background="images/index0_14.jpg" width="252" height="34"><input type="text" size=27 name="search_word" style="padding-left:10px;border:0px;background-color:transparent;" value=""></td>
<td><input type=image src="images/index0_15.jpg" width="42" height="34" border="0"/></td>
</tr>
<tr>
<td colspan="3"><img src="images/index0_16.jpg" width="961" height="35"></td>
</tr>
</table>
</td>
</tr>
</form>
<tr>
<td width=100% valign=top>
<table width=100% border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="./"><? if ($menu=="index") { ?><img src="images/index0_ov_17.jpg" width="74" height="42"><? } else { ?><img src="images/index0_17.jpg" width="74" height="42" alt="HOME"><? } ?></a></td>
<td><a href="./introduce.php"><? if ($menu=="infor") { ?><img src="images/index0_ov_18.jpg" width="81" height="42"><? } else { ?><img src="images/index0_18.jpg" width="81" height="42" OnmouseOut="this.src='images/index0_18.jpg' " onmouseover="this.src='images/index0_ov_18.jpg' " alt="회사소개"><? } ?></a></td>
<td><a href="./bbs.php?id=notice"><? if ($id=="notice") { ?><img src="images/index0_ov_19.jpg" width="77" height="42"><? } else { ?><img src="images/index0_19.jpg" width="77" height="42" OnmouseOut="this.src='images/index0_19.jpg' " onmouseover="this.src='images/index0_ov_19.jpg' " alt="공지"><? } ?></a></td>
<td><a href="./bbs.php?id=gallery"><? if ($id=="gallery") { ?><img src="images/index0_ov_20.jpg" width="65" height="42"><? } else { ?><img src="images/index0_20.jpg" width="65" height="42" OnmouseOut="this.src='images/index0_20.jpg' " onmouseover="this.src='images/index0_ov_20.jpg' " alt="갤러리"><? } ?></a></td>
<td><a href="./order_inquiry.php"><? if ($menu=="order") { ?><img src="images/index0_ov_21.jpg" width="123" height="42"><? } else { ?><img src="images/index0_21.jpg" width="123" height="42" OnmouseOut="this.src='images/index0_21.jpg' " onmouseover="this.src='images/index0_ov_21.jpg' " alt="주문및배송"><? } ?></a></td>
<td><a href="./bbs.php?id=qna"><? if ($id=="qna") { ?><img src="images/index0_ov_22.jpg" width="94" height="42"><? } else { ?><img src="images/index0_22.jpg" width="94" height="42" OnmouseOut="this.src='images/index0_22.jpg' " onmouseover="this.src='images/index0_ov_22.jpg' " alt="질문과답변"><? } ?></a></td>
<td><a href="./bbs.php?id=free"><? if ($id=="free") { ?><img src="images/index0_ov_23.jpg" width="92" height="42"><? } else { ?><img src="images/index0_23.jpg" width="92" height="42" OnmouseOut="this.src='images/index0_23.jpg' " onmouseover="this.src='images/index0_ov_23.jpg' " alt="자유게시판"><? } ?></a></td>
<td><a href="./bbs.php?id=online"><? if ($menu=="online") { ?><img src="images/index0_ov_24.jpg" width="92" height="42"><? } else { ?><img src="images/index0_24.jpg" width="92" height="42" OnmouseOut="this.src='images/index0_24.jpg' " onmouseover="this.src='images/index0_ov_24.jpg' " alt="온라인견적"><? } ?></a></td>
<td background="images/index0_26.jpg" width="76" height="42"></td>
<td><img src="images/index0_26.jpg" width="187" height="42"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width=100% valign=top>
<table width=100% border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="13"><img src="images/index0_27.jpg" width="961" height="33"></td>
</tr>
</table>
</td>
</tr>
</table>
table 에는 background 로 배경 이미지가 존재 합니다
로고이미지가 있으면 위에 이미지를 div에 해당 하는곳에 띄우고 싶은데
어떻게 하는건가요 ?
==========================================================================
<script language="JavaScript">
<!--
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_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_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];}
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
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;
}
//-->
</script>
<?
//이미지 경로
$Img_Dir = "./img_skin/skin1";
if($LOGIN_REAL_STATE == "1")
{
$logimg_top = "header_01_03_in";
$logtext_top = "로그아웃";
$loglink_top = "logout";
$memimg_top = "header_01_04_in";
$memtext_top = "정보수정";
$memlink_top = "modify";
} else {
$logimg_top = "header_01_03";
$logtext_top = "로그인";
$loglink_top = "loginForm";
$memimg_top = "header_01_04";
$memtext_top = "회원가입";
$memlink_top = "joinRegist";
}
?>
<!-- header 시작-->
<table width=961 border="0" cellpadding="0" cellspacing="0" valign="top">
<tr>
<td width=100% valign=top>
<table width=100% border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="./"><img src="images/index0_02.jpg" width="74" height="30" alt="HOME"></a></td>
<td><? if($user_id) { ?><a href="./usr.php?qry=modify"><img src="images/index0_ov_03.jpg" width="81" height="30" alt="회원가입"></a><? } else { ?><a href="./usr.php?qry=joinRegist"><img src="images/index0_03.jpg" width="81" height="30" alt="회원가입"></a><? } ?></td>
<td><a href="./wish_list.php"><img src="images/index0_04.jpg" width="77" height="30" alt="장바구니"></a></td>
<td><? if($user_id) { ?><a href="./usr.php?qry=logout"><img src="images/index0_ov_05.jpg" width="65" height="30" alt="로그아웃"></a><? } else { ?><a href="./usr.php?qry=loginForm"><img src="images/index0_05.jpg" width="65" height="30" alt="로그인"></a><? } ?></td>
<td><a href="javascript:addfavorites();"><img src="images/index0_06.jpg" width="123" height="30" alt="즐겨찾기"></a></td>
<td><img src="images/index0_07.jpg" width="94" height="30"></td>
<td><img src="images/index0_08.jpg" width="92" height="30"></td>
<td background="images/index0_09.jpg" width="168" height="30"alt="전화번호" style="padding-left:10px"><span style="color:white;font-weight:bold"><?=$CFG[TEL];?></span></td>
<td><a href="./bbs.php?id=qna"><img src="images/index0_10.jpg" width="187" height="30"></a></td>
</tr>
</table>
</td>
</tr>
<form name="search" method=post action="search.php">
<tr>
<td width=100% valign=top>
<table width=100% border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><img src="images/index0_12.jpg" width="961" height="32"></td>
</tr>
<tr>
<td background="images/index0_13.jpg" width="667" height="34" style="padding-left:15px"><? if($MALL[logo_img]) { ?><a href="./index.php"><img src="./data/logo/<?=$MALL[logo_img];?>" height="34" border="0"/></a><? } else { ?><a href="./index.php"><span style="font-size:16px;color:white"><b><?=$CFG[CNAME];?></b></span></a><? } ?></td>
<td background="images/index0_14.jpg" width="252" height="34"><input type="text" size=27 name="search_word" style="padding-left:10px;border:0px;background-color:transparent;" value=""></td>
<td><input type=image src="images/index0_15.jpg" width="42" height="34" border="0"/></td>
</tr>
<tr>
<td colspan="3"><img src="images/index0_16.jpg" width="961" height="35"></td>
</tr>
</table>
</td>
</tr>
</form>
<tr>
<td width=100% valign=top>
<table width=100% border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="./"><? if ($menu=="index") { ?><img src="images/index0_ov_17.jpg" width="74" height="42"><? } else { ?><img src="images/index0_17.jpg" width="74" height="42" alt="HOME"><? } ?></a></td>
<td><a href="./introduce.php"><? if ($menu=="infor") { ?><img src="images/index0_ov_18.jpg" width="81" height="42"><? } else { ?><img src="images/index0_18.jpg" width="81" height="42" OnmouseOut="this.src='images/index0_18.jpg' " onmouseover="this.src='images/index0_ov_18.jpg' " alt="회사소개"><? } ?></a></td>
<td><a href="./bbs.php?id=notice"><? if ($id=="notice") { ?><img src="images/index0_ov_19.jpg" width="77" height="42"><? } else { ?><img src="images/index0_19.jpg" width="77" height="42" OnmouseOut="this.src='images/index0_19.jpg' " onmouseover="this.src='images/index0_ov_19.jpg' " alt="공지"><? } ?></a></td>
<td><a href="./bbs.php?id=gallery"><? if ($id=="gallery") { ?><img src="images/index0_ov_20.jpg" width="65" height="42"><? } else { ?><img src="images/index0_20.jpg" width="65" height="42" OnmouseOut="this.src='images/index0_20.jpg' " onmouseover="this.src='images/index0_ov_20.jpg' " alt="갤러리"><? } ?></a></td>
<td><a href="./order_inquiry.php"><? if ($menu=="order") { ?><img src="images/index0_ov_21.jpg" width="123" height="42"><? } else { ?><img src="images/index0_21.jpg" width="123" height="42" OnmouseOut="this.src='images/index0_21.jpg' " onmouseover="this.src='images/index0_ov_21.jpg' " alt="주문및배송"><? } ?></a></td>
<td><a href="./bbs.php?id=qna"><? if ($id=="qna") { ?><img src="images/index0_ov_22.jpg" width="94" height="42"><? } else { ?><img src="images/index0_22.jpg" width="94" height="42" OnmouseOut="this.src='images/index0_22.jpg' " onmouseover="this.src='images/index0_ov_22.jpg' " alt="질문과답변"><? } ?></a></td>
<td><a href="./bbs.php?id=free"><? if ($id=="free") { ?><img src="images/index0_ov_23.jpg" width="92" height="42"><? } else { ?><img src="images/index0_23.jpg" width="92" height="42" OnmouseOut="this.src='images/index0_23.jpg' " onmouseover="this.src='images/index0_ov_23.jpg' " alt="자유게시판"><? } ?></a></td>
<td><a href="./bbs.php?id=online"><? if ($menu=="online") { ?><img src="images/index0_ov_24.jpg" width="92" height="42"><? } else { ?><img src="images/index0_24.jpg" width="92" height="42" OnmouseOut="this.src='images/index0_24.jpg' " onmouseover="this.src='images/index0_ov_24.jpg' " alt="온라인견적"><? } ?></a></td>
<td background="images/index0_26.jpg" width="76" height="42"></td>
<td><img src="images/index0_26.jpg" width="187" height="42"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width=100% valign=top>
<table width=100% border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="13"><img src="images/index0_27.jpg" width="961" height="33"></td>
</tr>
</table>
</td>
</tr>
</table>
댓글 전체

소스 첨부 해주시면 도움이 될수 있을것 같아요.

첨부하였습니다.

소스 길어서 살짝 훑어 보았습니다. 세심시 못봐 죄송합니다.
-------------------------------------------------------------------
<!-- header 시작-->
<table width=961 border="0" cellpadding="0" cellspacing="0" valign="top">
<tr>
<td width=100% valign=top>
<- 로고를 넣는게 목표시라면 이부분에 div로 아래와
같이 넣으면 될것 같습니다. 안되시면 말씀해 주세요
<div style="position:relative;">
<div style="position:absolute;top:조정;left:조정;"> //top과 left 조정해서요
<img src="로고">
</div>
</div>
--------------------------------------------------------------------
원하시는 방법이 아닐수도 있을것같아 조심스럽습니다만
기존 레이아웃을 유지한채로 넣으시는데에는 문제 없을 것 같습니다.
-------------------------------------------------------------------
<!-- header 시작-->
<table width=961 border="0" cellpadding="0" cellspacing="0" valign="top">
<tr>
<td width=100% valign=top>
<- 로고를 넣는게 목표시라면 이부분에 div로 아래와
같이 넣으면 될것 같습니다. 안되시면 말씀해 주세요
<div style="position:relative;">
<div style="position:absolute;top:조정;left:조정;"> //top과 left 조정해서요
<img src="로고">
</div>
</div>
--------------------------------------------------------------------
원하시는 방법이 아닐수도 있을것같아 조심스럽습니다만
기존 레이아웃을 유지한채로 넣으시는데에는 문제 없을 것 같습니다.