로고 이미지 부분. table 안깨지게 위에 div 띄우려면 ? > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

로고 이미지 부분. 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>

댓글 전체

소스 길어서 살짝 훑어 보았습니다. 세심시 못봐 죄송합니다.

-------------------------------------------------------------------
<!-- 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>
 
--------------------------------------------------------------------

원하시는 방법이 아닐수도 있을것같아 조심스럽습니다만

기존 레이아웃을 유지한채로 넣으시는데에는 문제 없을 것 같습니다.
전체 66,554 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT