스타일 시트 좀 봐주세요 정보
스타일 시트 좀 봐주세요
본문
<div class="top">
<p><img src="../image/img_top.jpg"></p>
<?
// 게시판 관리의 상단 이미지 경로
if ($board[bo_image_head])
echo "<p class='sub_title'><img src='$g4[path]/data/file/$bo_table/$board[bo_image_head]' border='0'></p>";
?>
<div class="sub_map">
<ul>
<li><img src="<?=$g4['path']?>/image/icon_map.gif"></li>
<li>></li>
<li><?=$group[gr_subject];?></li>
<li>></li>
<li class="map_bold"><?=$board[bo_subject];?> <!-- <?=$page;?> 페이지 --></li>
</ul>
</div>
</div>
------------------------------------------------------------
위소스에서 <p class='sub_title'>의 그림 크기가 크면 게시판을 밑으로 밀어 내야는데
게시판 위로 그림이 올라 가버립니다. ㅜㅜ 게시판은 table로 쌓아 두었구요.
즉 저 밑에 <table><tr><td>게시판</td></tr></table>
이런 소스가 있다고 생각하시면 됩니다.
'sub_title'의 스타일 시트는요
#sub_content_left .top {width:600px; height:53px; float:left;}
#sub_content_left p {float:left; width:36px; height:11px; margin-left:14px;}
#sub_content_left .sub_title {clear:both; float:left; margin:11px 0 0 12px;}
이렇습니다. p테그를 손대면 될꺼 같은데 ㅜㅜ 아무리해도 안되네요.
<p><img src="../image/img_top.jpg"></p>
<?
// 게시판 관리의 상단 이미지 경로
if ($board[bo_image_head])
echo "<p class='sub_title'><img src='$g4[path]/data/file/$bo_table/$board[bo_image_head]' border='0'></p>";
?>
<div class="sub_map">
<ul>
<li><img src="<?=$g4['path']?>/image/icon_map.gif"></li>
<li>></li>
<li><?=$group[gr_subject];?></li>
<li>></li>
<li class="map_bold"><?=$board[bo_subject];?> <!-- <?=$page;?> 페이지 --></li>
</ul>
</div>
</div>
------------------------------------------------------------
위소스에서 <p class='sub_title'>의 그림 크기가 크면 게시판을 밑으로 밀어 내야는데
게시판 위로 그림이 올라 가버립니다. ㅜㅜ 게시판은 table로 쌓아 두었구요.
즉 저 밑에 <table><tr><td>게시판</td></tr></table>
이런 소스가 있다고 생각하시면 됩니다.
'sub_title'의 스타일 시트는요
#sub_content_left .top {width:600px; height:53px; float:left;}
#sub_content_left p {float:left; width:36px; height:11px; margin-left:14px;}
#sub_content_left .sub_title {clear:both; float:left; margin:11px 0 0 12px;}
이렇습니다. p테그를 손대면 될꺼 같은데 ㅜㅜ 아무리해도 안되네요.
댓글 전체

#sub_wrap {width:1024px;margin:0 auto}
#sub_content_left .top {width:600px; height:53px; float:left;}
#sub_content_left p {float:left; width:36px; height:11px; margin-left:14px;}
#sub_content_left .sub_title {clear:both; float:left; margin:11px 0 0 12px;}
------------------------------------------------------------------------------
#sub_wrap {width:1024px;margin:0 auto} <---스타일시트 전체 폭 고정 창이 작아지는 면 올라가는 것을 방지 할수 있다고 봅니다.
그것이 아니라면 table로 감쌓는것은 별로 라고 생각 합니다.
우선 스타일 시트에 레이어를 잡아두시고 그안에 넣으시는게 현명하다고 판단됩니다.
전체폭을 감쌈
#sub_wrap {width:1024px;margin:0 auto}
상단
#sub_head { }
좌측
#sub_content_left .top { float:left; width:220px; padding:20px 0 0 10px; }
우측
#sub_content_right .top { float:right; width:220px; padding:20px 0 0 10px; }
메인 (게시판이 자리할곳)
#sub_main { margin-left:240px; margin-right:240px; padding:20px 10px 0 0; }
하단
#sub_tail { clear:both; width:100%; text-align:center;padding:22px 0 28px 0;border-top:1px solid #000000; }
많은 도움 못드렸네요 전 이만 ...퐁덩 ~~~~~~~~~슝~
더 궁금한점이 있으시면 이쪽으로 http://linkma.kr/bbs/board.php?bo_table=XMLGPS_API&page=1 챗이 가능합니다 저는 독도에 있습니다. ^^
#sub_content_left .top {width:600px; height:53px; float:left;}
#sub_content_left p {float:left; width:36px; height:11px; margin-left:14px;}
#sub_content_left .sub_title {clear:both; float:left; margin:11px 0 0 12px;}
------------------------------------------------------------------------------
#sub_wrap {width:1024px;margin:0 auto} <---스타일시트 전체 폭 고정 창이 작아지는 면 올라가는 것을 방지 할수 있다고 봅니다.
그것이 아니라면 table로 감쌓는것은 별로 라고 생각 합니다.
우선 스타일 시트에 레이어를 잡아두시고 그안에 넣으시는게 현명하다고 판단됩니다.
전체폭을 감쌈
#sub_wrap {width:1024px;margin:0 auto}
상단
#sub_head { }
좌측
#sub_content_left .top { float:left; width:220px; padding:20px 0 0 10px; }
우측
#sub_content_right .top { float:right; width:220px; padding:20px 0 0 10px; }
메인 (게시판이 자리할곳)
#sub_main { margin-left:240px; margin-right:240px; padding:20px 10px 0 0; }
하단
#sub_tail { clear:both; width:100%; text-align:center;padding:22px 0 28px 0;border-top:1px solid #000000; }
많은 도움 못드렸네요 전 이만 ...퐁덩 ~~~~~~~~~슝~
더 궁금한점이 있으시면 이쪽으로 http://linkma.kr/bbs/board.php?bo_table=XMLGPS_API&page=1 챗이 가능합니다 저는 독도에 있습니다. ^^