php css html 왕초보

php css html 왕초보

QA

php css html 왕초보

본문

3673027714_1697181339.085.png

 

 

3673027714_1697181436.6641.png

 

 

 

 

성적표가 한개 보일때는 정상적으로 되는데 , 
여러 성적표를 보려니 
이렇게 됩니다 .ㅠㅠ
어디부분을 수정해야하나요 ?  새로 만들어야하나요 ?
너무긴데 봐주실수있는분 정말 감사드리겠습니다.
 

 

set_time_limit(240);

ini_set('memory_limit','512M');

 

include_once "./_common.php";

include_once "{$g4[lms_path]}/head.sub.php";

 

$sql = "select a.*, b.wr_3 as id, d.wr_1 as d_wr_1, d.wr_15 as d_wr_15, e.wr_1 as e_wr_1, e.wr_2 as e_wr_2, d.wr_datetime as d_wr_datetime

            from {$g4['lms_prefix']}D07 a

            left join {$g4['lms_prefix']}A01 b

            on a.wr_19 = b.wr_11

            left join

                {$g4['lms_prefix']}D04 d

            on

                a.wr_2 = d.wr_id

            left join

                {$g4['lms_prefix']}D01 e

            on

                d.wr_3 = e.wr_id

            where

                a.wr_2='{$id}'";



 

$is = sql_query($sql);

?>

<!-- <link rel="stylesheet" href="<?=$g4['lms_path']?>/css/grade.css" type="text/css" media="screen" title="no title" charset="utf-8"/>

<link rel="stylesheet" href="<?=$g4['lms_path']?>/css/common.css" type="text/css" media="screen" title="no title" charset="utf-8"/> -->

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

<style>

    .main_left {

        float: left;

        width:35%;

        margin: 11px;

        margin-top:48px;

 

    }

 

    .left{

        float: left;

        margin-top: 13px;

    }

    .right{

        float: right;

    }

    .score_l{

        width: 49%;

        border-left: 3px solid #000000;

        border-right: 3px solid #000000;

        float: left;

 

    }

    /* .score_r{

        width: 10%;

        float: left;

    } */

    .main_left .section{

        margin:7px;

        padding-bottom: 45px;

 

       

       

    }

    .right_section1{

        height: 138px;

        padding: 10px;

    }

    .right_section2{

        height: 138px;

        border-top: 3px solid #000000;

        padding: 10px;

    }

    .right_section3{



 

    }

    .grade_wrap {

    width:950px;

    margin:30px auto;

}

 .grade_wrap .grade_head{

    width:100%;

    height:40px;

    margin-bottom : 30px;

    position: relative;

   

}


 

.logo_l {

    position: absolute;

   

    margin-left: 85px;

    margin-top: 120px;

 

    }


 

.logo_r {

    margin-left: 797px;

    margin-top: 113px;

    position: absolute;

}

.head_title img{

padding-top: 71px;

position: absolute;

    width: 975px;

   margin-right: 10px;

 

}



 

.info_wrap{

    width:950px;

    height:304px;

    border-radius: 1px;

    margin-bottom:16px;

    margin-top: 120px;

    border-style: solid;

    border-color: #FCBD30;

    FONT-WEIGHT: 800;

   

    padding-top: 11.5px;

 

}

 

.name_wrap{

    float:left;

    width: 400px;

}

.name_E{

    width:195px;

    margin-bottom:15px;

    margin-top:35px;

}

.E_title{

   

    /* color:#666666; */

    font-family: NotoSansCJKkr-Regular;

    font-size:12px;

    padding-bottom: 3.5px;

}

.E_title2 {

    /* color:#666666; */

    font-family: NotoSansCJKkr-Regular;

    margin-top: 30px;

    font-size:18.83px;

    text-align:center;

    /* padding-bottom: 5px; */

    background-color: #FCBD30;

    margin-right: 10px;

   

}

 

/* .R_title {

    border-top:1.9px solid #000000;

    border-bottom:1.9px solid #000000;

    /* color:#666666; */

    font-family: NotoSansCJKkr-Regular;

    font-size:12px;

    /* padding-bottom: 5px; */

 

 

.N_title{

font-family: NotoSansCJKkr-Regular;

    font-size:12px;

    /* border-top:1.9px solid #000000;

    border-bottom:1.9px solid #000000; */

    border-width:30%;

}

 

.G_title{

    font-family: NotoSansCJKkr-Regular;

    font-size:12px;

    /* border-top:1.9px solid #000000;

    border-bottom:1.9px solid #000000; */

    border-width:30%;

}

 

.B_title{

font-family: NotoSansCJKkr-Regular;

    font-size:12px;

    /* border-top:1.9px solid #000000;

    border-bottom:1.9px solid #000000; */

}

 

.T_title{

font-family: NotoSansCJKkr-Regular;

    font-size:12px;

    /* border-top:1.9px solid #000000;

    border-bottom:1.9px solid #000000; */

}

 

.V_title {

font-family: NotoSansCJKkr-Regular;

    font-size:12px;

    /* border-top:1.9px solid #000000;

    border-bottom:1.9px solid #000000; */

 

}







 

/* .HGD{

    margin-bottom:20px;

    font-size:33.33px;

} */

.name_K{

    color:#000000;

    font-size:19.08px;

    position: relative;

    padding-left: 20px;

}

 

/* .sub_E{

    width:195px;

    float:left;

} */

.date{

    font-family: NotoSansCJKkr-Medium;

   

   

}


 

.date2{

font-family: NotoSansCJKkr-Medium;

    font-size:16px;

        margin-left: 10px;

}


 

.info2_L{

    font-size:14.58px;

}

.li_re{

    /* width:100%; */

    margin-right: 265px;

    margin-bottom:22px;

    margin-left :23px;

    background-color: #FCBD30;

    font-size :21px;

    FONT-WEIGHT: 800;

}

.font_g{

    /* color:#42d3a9; */

    font-family: NotoSansCJKkr-Bold;

    font-size:21px;

    border-bottom:1px solid #dddddf;

   

}

.y_score{

    margin-bottom:20px;

    margin-left: 185px;

}


 

/* .score_bar{

} */



 

.bold{

    font-family: NotoSansCJKkr-Bold;

}

/* .score_r_wrap{

 

} */

.tatal_s{

    width:372px;

}

.content2_wrap {

    margin-bottom:30px;

}

.content2_l {

    display:inline-block;

    width:474px;

    vertical-align:top;

    float:left;

}

.content2_l>div {

    display:inline-block;

}

.content2_l .listening_wrap {

    margin-bottom:30px;

}

.content2_l .score_bar {

   

    width:100%;

    height:12px;

}

.score_bar .score_wrap {

    width:75%;

    height:12px;

    background-color:#e6e7e8;

    margin-left:50px;

   

}

.score_bar .score_wrap .score_in {

    height:12px;

}

 

.content2_r {

    margin-top: 40px;

    margin-right: 7px;

    width:110px;

    float:right;

    display:inline-block;

    position: center;

}

.content2_r .score_img {

   

    padding-top: 36px;

    width: 110px;

    height: 131px;

    background:url('../../img/grade_score12.png') no-repeat;

    position:relative;

    margin:29px auto 0;

   

}

.content2_r .score_img span {

    font-size: 23px;

    /* top: 50%;

    left: 50%; */

    margin-left: 30px;

    margin-top: 20px;

   

    transform: translateX(-50%) translateY(-50%);

   

}

 

.content2_r .score_img span .noto_m {

    margin-top: 30px;

}

 

.score_bar .score_wrap .listening_score{

    background-color:#787772;

 

}

.score_bar .score_wrap .reading_score{

    background-color:#787772;

}




 

.content3_wrap {

    width:100%;

    margin-bottom:10px;

    display: flex;

}

.content3_wrap>div {

    width:474px;

    display:inline-block;

}

.content3_wrap .c_titles {

    font-size:20.83px;

    border-bottom:1px solid #dddddf;

    padding-bottom:10px;

    margin-bottom:15px;

}

.content3_wrap .c_bottom {

    width:100%;

    padding:20px 20px 68px 20px;

}

.content3_wrap .listening_top {

    color:#3366cc;

    flex-basis: 50%;

}

.content3_wrap .reading_top {

    color:#00cc99;

    flex-basis: 50%;

}

.content3_wrap .listening_bottom {

    background:#f8faff;

}

.content3_wrap .reading_bottom {

    background:#f8fffd;

}

.content3_wrap .content3_r{

    float:right;

   

}

 

.content4_wrap {

    width:100%;

}

.content4_wrap .content4_t {

    width:100%;

    padding-bottom:6px;

    margin-bottom:10px;

    color:#3366cc;

    border-bottom:1px solid #dddddf;

}


 

.content4_b .part_text {

    font-size:20.83px;

    display:inline-block;

    margin-bottom:15px;

    margin-right: 20px;

}

.content4_b .progress_bar {

    float: right;

    margin-top: 8px;

    width:875px;

    background:#e6e7e8;

    height:12px;

    display:inline-block;

}

.content4_b .progress_bar .Proceeding {

    background:#3366cc;

    height:12px;

}




 

.abilities{

    border-collapse: collapse;

}

.abilities th{

    background-color: #FCBD30;

}

.abilities td{

    text-align: center;

}

.abilities th, td{

    border:1px black solid;

    padding : 10px;

}

 

@font-face {

    font-family: NotoSansCJKkr-Medium;

    src: url('../font/NotoSans/notokr-medium.woff');

}

@font-face {

    font-family: NotoSansCJKkr-Bold;

    src: url('../font/NotoSans/notokr-bold.woff');

}

@font-face {

    font-family: NotoSansCJKkr-Regular;

    src: url('../font/NotoSans/notokr-regular.woff');

}

@font-face {

    font-family: NotoSansCJKkr-Light;

    src: url('../font/NotoSans/notokr-light.woff');

}

@font-face {

    font-family: NotoSansCJKkr-Thin;

    src: url('../font/NotoSans/notokr-thin.woff');

}


 

{

    margin:0;

}

 

  { size: A4 portrait; margin:0; }   //A4 세로 출력



 

html, body {

    width: 100%;

    padding: 0;

    margin: 0;

    overflow-x: hidden;

    font-family: NotoSansCJKkr-Regular;

}

ul, ol {

    list-style: none;

    margin: 0;

    padding: 0;

}

/* img {

    border: 0;

} */

a {

    text-decoration: none;

    color: black;

}

* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}


 

.footer {

 

    font-size:13.5px;

}

 

.name .E_title {

    font-size:11.5px;

}

 

.date .noto_m {

font-size:11.5px;

 

}

.percent{

    position: absolute;

 

}

 

.testdateV {

    margin-top:-25px;

    position: absolute;

    font-size: 16px;

    margin-left: 10px;

    color: #000000;

}


 

.Gender {

    position: absolute;

   

}

 

.backback img{

 

    width: 330px;

    margin-top: 175px;

    padding-left: 0px;

    margin-left: 15px;

 

} */


 

.wrap{

    width: 1100px;

}



 

.main_left .section .mid_section_r{

margin-top: 30px;

margin-right: 60px;

    padding-left: 170px;

 

}


 

.noto_b {

    font-family: NotoSansCJKkr-Bold;

}

.noto_r {

    font-family: NotoSansCJKkr-Regular;

}

.noto_l {

    font-family: NotoSansCJKkr-Light;

}

.noto_m {

    font-family: NotoSansCJKkr-Medium;

}

.noto_t {

    font-family: NotoSansCJKkr-Thin;

}

</style>

<?

$index = 0;

while($row = sql_fetch_array($is)){

    $index++;

 

    $lis_score = "";

    $rea_score = "";

    $lis_comment = "";

    $rea_comment = "";

    $one_p = "";

    $part1_p = "";

    $part2_p = "";

    $part3_p = "";

    $part4_p = "";

    $part5_p = "";

    $part6_p = "";

    $part7_p = "";

    $lis_p = "";

    $rea_p = "";



 

    $lis_score = $row['wr_25']; //$row['wr_11']+$row['wr_12']+$row['wr_13']+$row['wr_14'];

    $rea_score = $row['wr_26']; //$row['wr_15']+$row['wr_16']+$row['wr_17'];

     $today = date("Y-m-d");

   

        $sub_sql = "

        SELECT

            a.*, b.wr_15 as b_wr_15

        FROM

            lms_D07 a

        left join lms_D04 b

        on a.wr_2 = b.wr_id

        WHERE

            a.wr_19 =  '".$row['wr_19']."' AND

            a.wr_2 !=  '{$id}' and

            b.wr_12 > '{$today}'

        ORDER BY

            a.wr_datetime DESC

        LIMIT 0 , 2

    ";

 

    $sub_is = sql_query($sub_sql);

    $sub_as = sql_fetch($sub_sql);

    $sub_index = 0;

    $one_lis_score = 0;

    $one_rea_score = 0;

    $one_total_score = 0;

    $one_date = null;

    $two_lis_score = 0;

    $two_rea_score = 0;

    $two_total_score = 0;

    $two_date = null;


 

    if(!$sub_as) {

        $one_lis_score = $one_rea_score = $one_total_score = "-";

        $one_date = "이전 시험내역이<br> 없습니다";

        $two_lis_score = $two_rea_score = $two_total_score = "-";

        $two_date = "이전 시험내역이<br> 없습니다";

    }


 

    while($sub_row = sql_fetch_array($sub_is)){

        $sub_index++;

        if($sub_index == 1){

            $one_lis_score = $sub_row['wr_25']; //$sub_row['wr_11']+$sub_row['wr_12']+$sub_row['wr_13']+$sub_row['wr_14'];

            $one_rea_score = $sub_row['wr_26']; //$sub_row['wr_15']+$sub_row['wr_16']+$sub_row['wr_17'];

            $one_total_score = $sub_row["wr_18"];

            if($sub_row['wr_3'] == '2') $one_date = date("Y/m/d", strtotime($sub_row['b_wr_15']));

            else $one_date = date("Y/m/d", strtotime($sub_row['wr_datetime']));

        }else if($sub_index == 2){

            $two_lis_score = $sub_row['wr_25'];//$sub_row['wr_11']+$sub_row['wr_12']+$sub_row['wr_13']+$sub_row['wr_14'];

            $two_rea_score = $sub_row['wr_26'];//$sub_row['wr_15']+$sub_row['wr_16']+$sub_row['wr_17'];

            $two_total_score = $sub_row["wr_18"];

            if($sub_row['wr_3'] == '2') $two_date = date("Y/m/d", strtotime($sub_row['b_wr_15']));

            else $two_date = date("Y/m/d", strtotime($sub_row['wr_datetime']));

        }

    }


 

    if($row['e_wr_1'] == "1"){

        $one_p = "5";

        $part1_p =  ($row['wr_11']/(6*$one_p))*100;

        $part2_p =  ($row['wr_12']/(25*$one_p))*100;

        $part3_p =  ($row['wr_13']/(39*$one_p))*100;

        $part4_p =  ($row['wr_14']/(30*$one_p))*100;

        $part5_p =  ($row['wr_15']/(30*$one_p))*100;

        $part6_p =  ($row['wr_16']/(16*$one_p))*100;

        $part7_p =  ($row['wr_17']/(54*$one_p))*100;

        $lis_p = ($lis_score/495)*100;

        $rea_p = ($rea_score/495)*100;

    }else if($row['e_wr_1'] == "2"){

        $one_p = "10";

        $part1_p =  ($row['wr_11']/(3*$one_p))*100;

        $part2_p =  ($row['wr_12']/(14*$one_p))*100;

        $part3_p =  ($row['wr_13']/(18*$one_p))*100;

        $part4_p =  ($row['wr_14']/(15*$one_p))*100;

        $part5_p =  ($row['wr_15']/(15*$one_p))*100;

        $part6_p =  ($row['wr_16']/(8*$one_p))*100;

        $part7_p =  ($row['wr_17']/(27*$one_p))*100;

        $lis_p = ($lis_score/495)*100;

        $rea_p = ($rea_score/495)*100;

    }

 

    if((0<$lis_score && $lis_score<=150) || !$lis_score){

        $lis_cha = "wr_19";

        $lis_weak = "wr_20";

        $lis_comment = "wr_21";

    }else if(150<$lis_score && $lis_score<=270){

        $lis_cha = "wr_16";

        $lis_weak = "wr_17";

        $lis_comment = "wr_18";

    }else if(270<$lis_score && $lis_score<=322){

        $lis_cha = "wr_13";

        $lis_weak = "wr_14";

        $lis_comment = "wr_15";

    }else if(322<$lis_score && $lis_score<=370){

        $lis_cha = "wr_10";

        $lis_weak = "wr_11";

        $lis_comment = "wr_12";

    }else if(370<$lis_score && $lis_score<=415){

        $lis_cha = "wr_7";

        $lis_weak = "wr_8";

        $lis_comment = "wr_9";

    }else if(415<$lis_score && $lis_score<=455){

        $lis_cha = "wr_4";

        $lis_weak = "wr_5";

        $lis_comment = "wr_6";

    }else if(455<$lis_score && $lis_score<=500){

        $lis_cha = "wr_1";

        $lis_weak = "wr_2";

        $lis_comment = "wr_3";

    }

 

    if((0<$rea_score && $rea_score<=150) || !$rea_score){

        $rea_cha = "wr_40";

        $rea_weak = "wr_41";

        $rea_comment = "wr_42";

    }else if(150<$rea_score && $rea_score<=270){

        $rea_cha = "wr_37";

        $rea_weak = "wr_38";

        $rea_comment = "wr_39";

    }else if(270<$rea_score && $rea_score<=322){

        $rea_cha = "wr_34";

        $rea_weak = "wr_35";

        $rea_comment = "wr_36";

    }else if(322<$rea_score && $rea_score<=370){

        $rea_cha = "wr_31";

        $rea_weak = "wr_32";

        $rea_comment = "wr_33";

    }else if(370<$rea_score && $rea_score<=415){

        $rea_cha = "wr_28";

        $rea_weak = "wr_29";

        $rea_comment = "wr_30";

    }else if(415<$rea_score && $rea_score<=455){

        $rea_cha = "wr_25";

        $rea_weak = "wr_26";

        $rea_comment = "wr_27";

    }else if(455<$rea_score && $rea_score<=500){

        $rea_cha = "wr_22";

        $rea_weak = "wr_23";

        $rea_comment = "wr_24";

    }

 

    $sql = "select * from {$g4['lms_prefix']}D06";

    $comment = sql_fetch($sql);

 

    $crm_info = get_crm2($member[mb_id]);


 

    $imagPath='20230411_110638431.jpg';

    $image = imagecreatefromjpeg($imagePath);

 

    $text = '하이헬로우';

    imagettftext($image, 20, 0, 50, 50, $textColor, 'arial.ttf', $text);

    header('Content-Type: image/jpeg');

    imagejpeg($image);




 

?>

                                   

<div class="wrap">

        <div class="grade_wrap">

                   

            <div class="grade_head">

               

 

                <div class="logo_l"><img src="<?=$g4['lms_path']?>/img/grade_logoLL.png" alt="" /></div>

 

                <div class="logo_r"><img src="<?=$g4['lms_path']?>/img/grade_logoRR.png" alt="" /></div>

 

                <div class="head_title"><img src="<?=$g4['lms_path']?>/img/토익성적표헤더.png" alt="" /></div>

    <div class="backback"><img src="<?=$g4['lms_path']?>/img/선.png" alt="" /></div>

               

               

 

            </div>

       

            <div class="info_wrap">

               

                <div class="info_wrap_l">

                    <div class="main_left">

                        <div class="name_K">

                        <?=$is['b_wr_6'] ?  $is['b_wr_6'] : $wr_20?>

                    </div>

                        <div class="left_1 section">

                                   

                            <!-- <div class="date noto_m"><?=$crm_info['wr_6']?></div> -->

                            <div class="name N_title">Name</div><?=$row['wr_20']?>

                           

               

                        </div>

                        <div class="left_2 section">

                            <div class="mid_section3" style="margin-top: 0px; position: absolute;">

                                <div class="Student" style="margin-top: -25px;"><div class="date2 noto_m">

                        <?

                            if($row['b_wr_10']){

                                ?>

                                    <?=$row['b_wr_10']?>

                                <?

                            }else{

                                ?>

                                    <?=$row['wr_28']?>

                                <?

                            }

                        ?>

                        </div>

                    </div>

                                <div class="Student" style="margin-top: 13px;">Student Number</div>

                            </div>

                           

                        </div>

                        <div class="left_3 section" style="padding-bottom: 0px; margin-top: 40px;">

                            <div class="mid_section3 left">

                                <div class="testdateV">

                            <? if($row['d_wr_1'] == '2') {

                                    if($row['wr_32']){

                                        echo date("Y/m/d", strtotime($row['wr_32']));

                                    } else {

                                            echo date("Y/m/d", strtotime($row['d_wr_15']));

                                    }

                                } else if($row['d_wr_1'] == '1') { ?>

                                <?=date("Y/m/d", strtotime($row['wr_datetime']))?>

                            <? } ?>

                        </div>


 

                                <div class="testdate T_title">Test date</div>

                       

 

                                <div class="date noto_m">(yyyy/mm/dd)</div>

                            </div>

                           

                        </div>

                    </div>

                    <div class="main_right">

                        <div class="score_l">

                            <div class="right_section1">

                                <div class="listening_wrap">

                                    <div class="E_title li_re">

                                           LISTENING   

                                    </div>

                                    <div class="y_score">

                                        Your Score: <span class="bold"><?=$lis_score?></span>

                                       

                                    </div>

                                    <div class="percent">5<br>0 %</div>

                                    <div class="percent1 right">495<br>99 %</div>

                                    <div class="score_bar">

                                        <div class="score_wrap">

                                   

                                        <div class="score_in listening_score"  style="width: <?=$lis_p ? $lis_p : "0"?>%;"></div>

                                       

                                        </div>

                                    </div>

                                </div>

                            </div>

                       

                            <div class="right_section2" style="border-top:3px solid #000000;">

                                <div class="reading_wrap">

                                   

                                    <div class="li_re font_g">

                                            READING   

                                    </div>

                                    <div class="y_score">

                                        Your Score: <span class="bold"><?=$rea_score?></span>

                                    </div>

                                    <div class="percent">5<br>0 %</div>

                                    <div class="percent1 right">495<br>99 %</div>

                                    <div class="score_bar">

                                        <div class="score_wrap">

                                            <div class="score_in reading_score" style="width: <?=$rea_p ? $rea_p : "0"?>%;"></div>

                                        </div>

                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="score_r">

                            <div class="content2_r">

                                <div class="E_title2 total_s">

                                    TOTAL<br>SCORE

                                </div>

                                <div class="score_img">

                                    <span class="noto_m"><?=$row['wr_18'] ? $row['wr_18'] : "0"?></span>

                                </div>

                            </div>

                        </div>


 

            <div class="content3_wrap" style="padding-top: 20px;">

                <div class="content3_l">

                    <div class="listening_top c_titles noto_m">

                        LISTENING

                    </div>

                    <div class="listening_bottom c_bottom noto_l">

                        특징 : <?=$comment[$lis_cha]?><br><br>

                        취약점 : <?=$comment[$lis_weak]?><br><br>

                        Comment : <?=$comment[$lis_comment]?>

                    </div>

                </div>

                <div class="content3_r">

                    <div class="reading_top c_titles noto_m">

                        READING

                    </div>

                    <div class="reading_bottom c_bottom noto_l">

                        특징 : <?=$comment[$rea_cha]?><br><br>

                        취약점 : <?=$comment[$rea_weak]?><br><br>

                        Comment : <?=$comment[$rea_comment]?>

                    </div>

                </div>

            </div>


 

            <div class="content4_wrap">

                <div class="content4_t">

                    ABILITIES MEASURED

                </div>

                <div class="content4_b">

                    <table style="width:100%" class="abilities" >

                        <colgroup>

                            <col width="12.5%" />

                            <col width="12.5%" />

                            <col width="12.5%" />

                            <col width="12.5%" />

                            <col width="12.5%" />

                            <col width="12.5%" />

                            <col width="12.5%" />

                            <col width="12.5%" />

                        </colgroup>

                        <tr>

                            <th>PART</th>

                            <th>PART1</th>

                            <th>PART2</th>

                            <th>PART3</th>

                            <th>PART4</th>

                            <th>PART5</th>

                            <th>PART6</th>

                            <th>PART7</th>

                        </tr>

                        <?if($row['e_wr_1'] == "1"){?> <!--2018.10.31 오지우 200,100문제마다 정답률 계산방법 변경 -->

                        <tr>

                            <td>CORRECT</td>

                            <td><span class="noto_m"><?=round(($row['wr_11']/6)*100,1)?>%</span></td>

                            <td><span class="noto_m"><?=round(($row['wr_12']/25)*100,1)?>%</span></td>

                            <td><span class="noto_m"><?=round(($row['wr_13']/39)*100,1)?>%</span></td>

                            <td><span class="noto_m"><?=round(($row['wr_14']/30)*100,1)?>%</span></td>

                            <td><span class="noto_m"><?=round(($row['wr_15']/30)*100,1)?>%</span></td>

                            <td><span class="noto_m"><?=round(($row['wr_16']/16)*100,1)?>%</span></td>

                            <td><span class="noto_m"><?=round(($row['wr_17']/54)*100,1)?>%</span></td>

                        </tr>

                        <?}

 

                        else if($row['e_wr_1'] == "2"){?>

                        <tr>

                            <td>CORRECT</td>

                            <td><span class="noto_m"><?=round(($row['wr_11']/3)*100,1)?>%</span></td>

                            <td><span class="noto_m"><?=round(($row['wr_12']/14)*100,1)?>%</span></td>

                            <td><span class="noto_m"><?=round(($row['wr_13']/18)*100,1)?>%</span></td>

                            <td><span class="noto_m"><?=round(($row['wr_14']/15)*100,1)?>%</span></td>

                            <td><span class="noto_m"><?=round(($row['wr_15']/15)*100,1)?>%</span></td>

                            <td><span class="noto_m"><?=round(($row['wr_16']/8)*100,1)?>%</span></td>

                            <td><span class="noto_m"><?=round(($row['wr_17']/27)*100,1)?>%</span></td>

                        </tr>

                        <?}?>

                    </table>






 

                    </div>

 

                </div>

               

            </div>

                               



 

    <script type="text/javascript">

        google.charts.load('current', {'packages':['corechart']});

        google.charts.setOnLoadCallback(drawVisualization);

        google.charts.setOnLoadCallback(subdrawVisualization);

 

        function drawVisualization() {

            var data = google.visualization.arrayToDataTable([

                    ['test clate', 'LC', 'RC', 'TOTAL'],

                    ['<?=$one_date?>',  <?=$one_lis_score?>,      <?=$one_rea_score?>, <?=$one_total_score?>],

                    ['<?=$two_date?>',  <?=$two_lis_score?>,      <?=$two_rea_score?>, <?=$two_total_score?>]

                ]);

            var options = {

                    title : '',

                    vAxis: {title: '', viewWindow:{max:1000,min:0}},

                    hAxis: {title: ''},

                    seriesType: 'bars',

                    legend: { position: 'bottom', maxLines: 10 },

                    series: {5: {type: 'line'}}

                };

 

            var chart = new google.visualization.ComboChart(document.getElementById('chart_div<?=$index?>'));

            chart.draw(data, options);

        }

 

        function subdrawVisualization() {

            var e_wr_2 = "<?=$row['e_wr_2']?>";

            var e_part1 = 0;

            var e_part2 = 0;

            var e_part3 = 0;

            var e_part4 = 0;

            var e_part5 = 0;

            var e_part6 = 0;

            var e_part7 = 0;

 

            if(e_wr_2 == 200) {

                var e_part1 = 6;

                var e_part2 = 25;

                var e_part3 = 39;

                var e_part4 = 30;

                var e_part5 = 30;

                var e_part6 = 16;

                var e_part7 = 54;

            }else if(e_wr_2 == 100) {

                var e_part1 = 3;

                var e_part2 = 14;

                var e_part3 = 18;

                var e_part4 = 15;

                var e_part5 = 15;

                var e_part6 = 8;

                var e_part7 = 27;

            }

 

            var data = google.visualization.arrayToDataTable([

                    ['PART', '정답수', '문항수'],

              &nb

이 질문에 댓글 쓰기 :

답변 1

성정표를 감싸고 내려오는 클래 스 이름이 뭔가요?

<div class="info_wrap_l"> 이것인것 같은데요 ? 그렇다면?....음

 

현재 올려주신 스타일을 감싸고 있는 부모 가 정의 된곳이 없으니 아마도 기본css 파일에 잇는듯합니다.  아래 클래스 명을 찾아 요소 속성을 보여줘보세요
   
    <div class="info_wrap_l"> 이 클래스 요소 속성을 

그렇다면....해당된 클래스명을 찾아 이렇게 수정 해보세요

.grade_wrap {
    width: 950px;
    margin: 30px auto;
    padding: 20px;
}

.grade_wrap .grade_head {
    width: 100%;
    height: 40px;
    margin: 0;
    margin-bottom: 30px;
    position: relative;
}

답변을 작성하시기 전에 로그인 해주세요.
전체 2,086
QA 내용 검색
filter #css ×

회원로그인

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