미니홈피 재질문 , > 그누4 질문답변

그누4 질문답변

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

미니홈피 재질문 , 정보

미니홈피 재질문 ,

본문

http://leasezone.dothome.co.kr/

현재 미니홈피를 제작중에있습니다.

그런데 이 미니홈피가 가운데 정렬이안되고 하단으로내려가는군요.

테스트아이디 : test , 비밀번호동일

그누 고수분들에게 여쭈어봅니다 ,
  • 복사

댓글 전체

전체를 감싸는 테이블 (950x550)에 center를 주세요
<table width="950" height="550" border="0" cellpadding="0" cellspacing="0" background="../img/minifeel/bg1.jpg"  align="center">
전체를 감싸는 테이블 (980x600)에 center를 주세요
<table width="980" height="600" border="0" cellpadding="0" cellspacing="0" background="../img/minifeel/bg1.jpg" align="center">

밑으려 쳐지는건
<tr><td width="100%" height="70"></td></tr>  <- 70을 40이나 50으로 조절해 보시구요
미니홈피라고 해서 찾았는데 미니홈피는 어딨습니까?
하단으로 내려 간다고 하시는데 정상인 거 같습니다.

만약, 중앙 정렬이 문제라면 저기만 주시면 안돼고,
head.sub.php에서 <body>아래 줄에 <center>를 주셔야 합니다.

하지만 추천하는 방법은
</head> 바로 위에

<style type="text/css">
  html, body { margin:0 auto; width:원하시는 넓이px; }
</style>

을 넣어서 전체적인 중앙정렬을 하는 것입니다

단, DTD를 상단에 붙여주셔야 파이어폭스에서도 똑같이 보입니다.
우선 익스플로러만 잡아도 된다면 패스~
<table width="950" align="center" valign='top'.... >

위 처럼 감싸보세요..


height="550" 는 특별한 경우가 아니면 빼시구요.


그리고 참고로..
가로폭은 1003픽셀이 적당합니다.
가로 스크롤이 안생기죠..
1024*768 모니터를 기준으로..
아.. 다시 보고 이제야 알았습니다. 미니홈이라는 글자가 밑으로 내려 온다는 뜻이지요? ㅋㅋ
전체 레이아웃 문제가 아니었군요. ^^ 미니홈피라고 하셔서...ㅎㅎ

지금 소스가 이렇게 되어 있네요.
<table width="210" height="27" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="25" height="27"><img src="./skin/outlogin/basic/img/login_ing_icon.gif" width="25" height="27"></td>
<td width="139" height="27"><span class='member'><strong>test</strong></span>님</td>
<a href="#" onClick="javascript:win_minifeel();">미니홈</a>
<td width="46" height="27"></td>
</tr>
</table>

이걸

<td width="25" height="27"><img src="./skin/outlogin/basic/img/login_ing_icon.gif" width="25" height="27"></td>
<td width="139" height="27"><center><span class='member'><strong>test</strong></span>님 <a href="#" onClick="javascript:win_minifeel();">미니홈</a></center></td>
<td width="46" height="27"></td>

이렇게 하시거나


<td width="25" height="27"><center><img src="./skin/outlogin/basic/img/login_ing_icon.gif" width="25" height="27"><a href="#" onClick="javascript:win_minifeel();">미니홈</a></center></td>
<td width="139" height="27"><span class='member'><strong>test</strong></span>님</td>
<td width="46" height="27"></td>

이런 식으로 하셔야 합니다.
제가 말씀드리는건 , 테두리같은건 둥글게되있고 , 제꺼는 네모형태로 .. 되있다는겁니다.

되도록이면 배경같이 테두리쪽에 맞추고싶은데 말이죠 , 어떻게 방도가없을까요 ?
이페이지는 배경그림을 바탕으로 테이블을 얹어 %와 픽셀로 간격을 조절하고 아이프레임도 사용되었네요..
1003으로 바꾸면서 위의 메뉴들이 더 어색해 진듯...
원래 셋팅시 기본값으로 전체를 다시 바꾸시고

상단에서 메뉴가 밑으로 가는 부분은
빈테이블에서 height값으로  간격을 조절하고 있으니 그 수치를 변경해 가면서 맞추세요.

우측메뉴가 옆으로 벌어진건 원래테이블값에서 1003으로 늘려놨기때문에 %값이 따라 늘어난것이니
원상태로 만들어 놓으면 다시 붙겠네요.
아. 이런.. 제가 말귀가 어두웠군요..
그냥 http://leasezone.dothome.co.kr/minifeel/index.php 로 링크를 걸어 주시지 그랬어요.. ㅜ.ㅜ


전체메인의 소스에서 말입니다,,,
form name=f2member 폼이 있네요. Ctrl+F로 최고관리자라고 찾으셔도 나오는데,
그 아래에 보시면
<td width="45">
이게 있을 겁니다.
<!--가로스크롤바 안생기게 처리--> 이거 바로 윗부분입니다.
여기 값을 45 이하로 줄여 보세요.
그리고 한가지 더...
그렇게 하셔서 게시판 위치는 잡을 수 있어도
또 높이가 높아서 모양이 안 날거예요.
그럴 때는,

<body>태그 바로 아래에 있는
<table width="1003"> 이거 내부의 <td> 높이를 고치세요.

현재 : <tr><td width="90%" height="55"></td></tr>
수정 : <tr><td width="90%" height="75"></td></tr> 이런식으로...
© SIRSOFT
현재 페이지 제일 처음으로