테스트 사이트 - 개발 중인 베타 버전입니다

위치 조정 질문좀 드릴게요; 채택완료

완전초보에여 1년 전 조회 1,893

http://sir.kr/data/editor/2402/3696616041_1707026834.9999.png" width="203" /> 

위 사진보시면 타이틀 제목이 오른쪽으로 좀가고 아래로 내려가야되고

사진도 좀 밑으로 가서 오른쪽으로 가야되는데

어떻게 해야될까요?ㅠㅠ

아이콘위치도 위에있고 그러네요 ㅠㅠ

</p>

<p><?php

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

include_once(G5_LIB_PATH.'/thumbnail.lib.php');

$imgwidth = 150; //표시할 이미지의 가로사이즈

$imgheight = 90; //표시할 이미지의 세로사이즈

?>

<style>

#box1 {width:174px;height:160px;background-image: url("img/infinity_gallery.png");}

#oneshot_2_7 {position:relative;margin:0 0 0 -2px;}

.la_title{position:absolute; left:0; top:0; z-index:100; background:#000; padding:0px; font-size:1em; color:#fff;margin:0 0 0 5px;filter:alpha(opacity=50);opacity:.5;}

.img_set{width:<?php echo $imgwidth ?>px; height:<?php echo $imgheight ?>px; border:0px solid #eaeaea; background-color:#f8f8f8;padding:0;}

.subject_set{width:<?php echo $imgwidth - 12 ?>px; height:58px; padding:10px/*제목높이간격*/ 10px 10px 1px/*왼쪽간격*/; z-index:1; bottom:0; left:0;}</p>

<p>#oneshot_2_7 .subject_set .dotted{

height:1px;

}

.subject_set .sub_datetime{

width:160px;

margin-left:15px;

padding-top:22px;

font-size:12px;

font-family:Dotum,Verdana,Arial;

color:#999; 

}

#oneshot_2_7 ul {list-style:none;clear:both;margin:0;padding:0;}

/*이미지 좌우간격*/

#oneshot_2_7 li {list-style:none;float:left;text-decoration:none;padding:0px 10px 0px 5px}</p>

<p>.bubble_b {

padding: 6px;

background:#E9E9E9;

3

border-top-left-radius: 4px;

border-top-right-radius: 4px;

border-bottom-right-radius: 4px;

border-bottom-left-radius: 4px;'

}

.bubble 

{

position: relative;

/*width: 265px;

height: 120px;

padding: 0px;

background: #FFFFFF;

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

border-radius: 0px;

border: #7F7F7F solid 1px;*/

}</p>

<p>.bubble:after 

{

content: '';

position: absolute;

border-style: solid;

/*화살표크기*/

border-width: 0 5px 8px;

/*배경칼라*/

border-color: #E9E9E9 transparent;

display: block;

width: 0;

z-index: 1;

/*화살표 배경크기(화살표크기보다 높이를 1픽색 아래로 내려줌), 위치*/

top: -10px;

left: 20px;

}

.bubble:before 

{

content: '';

position: absolute;

border-style: solid;

/*화살표크기*/

border-width: 0 5px 8px;

/*라인칼라///박스칼라보다 더 강해야 비슷하게 보임*/

border-color: #CECECE transparent;

display: block;

width: 0;

z-index: 0;

/*화살표 라인크기(화살표크기보다 높이를 1픽색 아래로 내려줌), 위치*/

top: -11px;

left: 20px;

}

/* 폰트불러오기 */

@font-face {font-family:'NanumBarunGothic';src: url('<?php echo $latest_skin_url ?>/NanumBarunGothic.eot');}

@font-face {font-family:'NanumGothic';src: url('<?php echo $latest_skin_url ?>/NanumGothic.eot');}

</style>

<div id="oneshot_2_7">

<!--

<div class="la_title">

<?php echo $bo_subject ?>

</div>

 -->

<ul>

<?php for ($i=0; $i<count($list); $i++) { ?>

<li>

<div style="position:relative">

<div id="quick" style="position: absolute; z-index: 2; top: -5px; left: 5px; width: 50px; ">

<?php

if (isset($list[$i]['icon_new'])) echo " " . $list[$i]['icon_new'];

?>

</div>

</div>

<!--/////////////////배경이미지/////////////-->

<div id="box1">

<div class="sub_title">            

<font color="#ccc"<a href="<?php echo $list[$i]['href'] ?>"><?php echo cut_str($list[$i]['subject'], 36, "..") ?></a></font></div>

<div class="img_set">

<a href="<?php echo $list[$i]['href'] ?>">

<?php                

$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $imgwidth, $imgheight);                                    

if($thumb['src']) {

$img_content = '<img class="img_left" src="'.$thumb['ori'].'" alt="'.$list[$i]['subject'].'" width="'.$imgwidth.'" height="'.$imgheight.'">';

} else {

$img_content = 'NO IMAGE';

}                

echo $img_content;                                                               

?>

</a>

</div>

        

<div class="subject_set">

<font color="#ccc"><div class="sub_datetime"> <?=$list[$i]['wr_name']?>   <?=$list[$i]['datetime']?></div></font>

</div>

</div>               

</li>

<?php } ?>

</ul>

</div>

<!--/////////////////배경이미지 끝/////////////-->

<div style="clear:both;"></div></p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
s
sinbi Expert
1년 전

CSS (position/top/bottom/left/right) 속성에 관해서 공부해 보세요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

완전초보에여
1년 전
하다가 정안되서 질문올린거라서요 ㅠㅠ
2시간째 해봤는데 안되더라구요 ㅠㅠ;

댓글을 작성하려면 로그인이 필요합니다.

I
1년 전

해결 했습니다.^^

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인