제목만 끌어오게 되 있으시길래

http://www.fair-lady.co.kr/

여기 실시간 상담을 보시면

고민상담, 나이, 하실말씀 세 항목을 끌어왔습니다.

아래의 소스 하단부분

"<b>{$list[i][ca_name]}</b>";

이걸로 검색하시면 세 항목을 끌어온게 보이는데요

문제는 페어레이디 사이트에서 보듯이 글자길이만 짜르게 되있어서 따닥 따닥 붙어있네요

세 항목들의 넓이 값을 px로 조정 할 수 있는 방법은 없을까요

첫항목 90px 두번째항목 30px 머 이런식으로요


그리고 한가지 더 질문 드리면 저게 3개의 글로만 계속 로테이트 되던데 한 10개글이 로테이트 하는 방법은 없을까요?


엑스박스님 소스 주소입니다

http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=17305&sca=&sfl=wr_subject%7C%7Cwr_content&stx=xbox&sop=and




여기부턴 제가 수정한 최신글의 소스 전체입니다.

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<style type="text/css">
DIV,blockquote {line-height:160%;}
</style> 
<script language="javascript">
<!--
//Math.random()

    var scrollerheight=20; // 스크롤러의 세로
    var html,total_area=0,wait_flag=true;
   
    var bMouseOver = 10;
    var scrollspeed = 2; // Scrolling 속도
    var waitingtime = 4000; // 멈추는 시간
    var s_tmp = 0, s_amount = 20;
    var scroll_content=new Array();
    var startPanel=0, n_panel=0, i=0;
   
    function startscroll()
    { // 스크롤 시작
        i=0;
        for (i in scroll_content)
            n_panel++;
           
        n_panel = n_panel -1 ;
        startPanel = Math.round(Math.random()*n_panel);
        if(startPanel == 0)
        {
            i=0;
            for (i in scroll_content)
                insert_area(total_area, total_area++);
        }
        else if(startPanel == n_panel)
        {
            insert_area(startPanel, total_area);
            total_area++;
            for (i=0; i<startPanel; i++)
            {
                insert_area(i, total_area);
                total_area++;
            }
        }
        else if((startPanel > 0) || (startPanel < n_panel))
        {
            insert_area(startPanel, total_area);
            total_area++;
            for (i=startPanel+1; i<=n_panel; i++)
            {
                insert_area(i, total_area);
                total_area++;
            }
            for (i=0; i<startPanel; i++)
            {
                insert_area(i, total_area);
                total_area++;
            }
        }
        window.setTimeout("scrolling()",waitingtime);
    }
    function scrolling(){ // 실제로 스크롤 하는 부분
        if (bMouseOver && wait_flag)
        {
            for (i=0;i<total_area;i++){
                tmp = document.getElementById('scroll_area'+i).style;
                tmp.top = parseInt(tmp.top)-scrollspeed;
                if (parseInt(tmp.top) <= -scrollerheight){
                    tmp.top = scrollerheight*(total_area-1);
                }
                if (s_tmp++ > (s_amount-1)*scroll_content.length){
                    wait_flag=false;
                    window.setTimeout("wait_flag=true;s_tmp=0;",waitingtime);
                }
            }
        }
        window.setTimeout("scrolling()",1);
    }
    function insert_area(idx, n){ 
        html='<div style="left: 0px; width: 100%; position: absolute; top: '+(scrollerheight*n)+'px" id="scroll_area'+n+'">\n';
        html+=scroll_content[idx]+'\n';
        html+='</div>\n';
        document.write(html);
    }

    // 스크롤러에 들어갈 내용들을 태그와 함께 넣어 줍니다
<?
       
    //$rows = "10"; // 자료가 숫자보다 작으면 안됩니다. - 숫자변경은 10이상 5의 배수로 하세요
   
    $sql = " select *
              from {$g4[write_prefix]}{$bo_table}
              where wr_comment >= 0
              order by wr_id desc limit 0, $rows ";
$result = sql_query($sql);

$i = 0;$j = 0;

while($row = mysql_fetch_array($result)) {

        $list[i] = $row10;
   

        $list[i][ca_name]=stripslashes(cut_str($row[ca_name], 1)); //제목 글자수자르기
       
        if($row[wr_datetime] >= date("Y-m-d H:i:s", time() - 24 * 3600)) {//새글표시---제목색상변경
           
                $ca_name = "<b>{$list[i][ca_name]}</b>";
           
                } else {
           
                $ca_name = $list[i][ca_name]; //새글이 아닐경우 그냥 나타남
            } 



        $list[i][wr_4]=stripslashes(cut_str($row[wr_4], 4)); //제목 글자수자르기
       
        if($row[wr_datetime] >= date("Y-m-d H:i:s", time() - 24 * 3600)) {//새글표시---제목색상변경
           
                $wr_4 = "<b>{$list[i][wr_4]}</b>";
           
                } else {
           
                $wr_4 = $list[i][wr_4]; //새글이 아닐경우 그냥 나타남
            }         

        $list[i][content]=stripslashes(cut_str($row[wr_content], 40)); //제목 글자수자르기
       
        if($row[wr_datetime] >= date("Y-m-d H:i:s", time() - 24 * 3600)) {//새글표시---제목색상변경
           
                $content = "<b>{$list[i][content]}</b>";
           
                } else {
           
                $content = $list[i][content]; //새글이 아닐경우 그냥 나타남
            }

        //$date1 = substr($list[$i][datetime],0,10); //날짜표시형식변경

        //$date = explode("-", $date1);

            //$year = $date[0];

            //$month = $date[1];

            //$day = $date[2];

            //$latest_date = $month."월".$day."일";
       
            if($i==0) {
            echo "scroll_content[".$j."]=\"";
        }
            echo "&nbsp;{$ca_name}&nbsp;{$wr_4}&nbsp;{$content}<br>";
        $i++;
        if($i==1) {
            echo "\";\n\t";
            $i = 0; $j++;
        }
    }
    ?>

//-->
</script>

<table cellpadding="0" cellspacing="0" width="402" border="0">
<tr height="7">
</tr>
<tr height="7">
<td width="402">

<table width="402" height="53" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="610" valign='top' style='padding-top:1px;'><div style="position: absolute; width: 402px; height: 53px; overflow:hidden;" onMouseover="bMouseOver=0" onMouseout="bMouseOver=1" id="scroll_image">
<script>startscroll();</script>
</div>
</td>
</tr>
</table>

</td>
</tr>
<tr height="7">
</tr>
<tr height="10">
<td colspan="3"></td>
</tr>
</table>