2026, 새로운 도약을 시작합니다.

일정이 표시가 안됩니다. 채택완료

988667759_1692632398.8657.png

위에 이미지처럼 일정등록 하면 체크가 되어야하는데 

988667759_1692632432.9453.png

체크가 사라졌습니다.

<div style="display:<?php if(is_mobile())echo 'none';?>;width:<?php echo is_mobile() ? 0 : 50?>%;float:left;">  이 부분을 수정했더니 체크표시가 안보이네요. display:<?php if(is_mobile())echo 'none';?>;width:<?php echo is_mobile() ? 0 : 50?를 수정하면 

988667759_1692632654.6565.png

이렇게 일요일에 대한 내용이 보여지구요...

Copy




*/

//옵션분리

list($n_table_width,$cellw,$cellh) = explode(",", $options);

if (!$cellw) {

/*    $cellh  = 21;

    $cellw  = 22 + 20;*/

    $cellh  = 39;

    $cellw  = 39 + 20;

}

?>



    .cal {margin-bottom:15px; padding:7px 0; /*border-left:solid 1px #628bc5;  border-right:solid 1px #628bc5;  border-bottom:solid 1px #628bc5;*/ background:#f8f8f8;}

td.title    { text-align: center; height: px; font-weight: bold; }

td.invalid  { text-align: center; padding-top: 2px; height: px; width: px; /*background: url(/img/mini2.gif) no-repeat bottom;*/ }

td.valid    { text-align: center; height: px; width: px; /*background:#fff;*//*border:1px solid #e5e5e5;*/ }

td.today    { text-align: center; /*background: #eee; border: 1px solid #e5e5e5;*/ height: px; width: px; font-weight: bold; }

/*.bgsun    {text-align: center; color: #fff;background:#ff5151; font-weight:bold; height:px; width:px; }

.bgsat  {text-align: center; color: #fff;font-weight:bold;background:#3862ff;  height:px; width:px; }

.bgweek   {text-align: center;color: #fff;font-weight:bold;background:#666;  height:px; width:px; }*/

.bgsun    { font-size: 17px; text-align: center; color: #ff5151; font-weight: bold; height: px; width: px; }

.bgsat    { font-size: 17px; text-align: center; color: #3862ff; font-weight :bold; height: px; width: px; }

.bgweek   { font-size: 17px; text-align: center; color: #333; font-weight: bold; height: px; width: px; }

/*.selDay { background: #FF8040; height: px; line-height: 200%; overflow: hidden; }*/

.selDay { background: #FF8040; width: 29px; height: 29px; line-height: 240%; overflow: hidden; border-radius: 19px; padding: 0; margin: auto; }

.selDay a.writeday { color: #fff !important; font-size: 17px; display: block; width: 100%; height: 100%; }

p.title     { font-size: 1em; font-weight:bold; }

p.sunday    { text-align: center; color: #FF0000; font-size: 17px; }

p.saturday  { text-align: center; color: #3366CC; font-size: 17px; }

p.weekday   { text-align: center; color: #333; font-size: 17px; }

a:link.writeday, a:visited.writeday  {text-align: center;  color: #0000FF;}

img {border:0}

@media(max-width:767px){

        .cal {margin-bottom: 0px; padding:13px 0; /*border-left:solid 1px #628bc5;  border-right:solid 1px #628bc5;  border-bottom:solid 1px #628bc5;*/ background:#f8f8f8;}

        td.title    { text-align: center; height: px; font-weight: bold; }

        td.invalid  { text-align: center; padding-top: 2px; height: 25px; width: 53px;}

        td.valid    { text-align: center; height: 25px; width: 53px; }

        td.today    { text-align: center; height: 25px; width: 53px; font-weight: bold; }

        .bgsun    { font-size: 13px; text-align: center; color: #ff5151; font-weight: bold; height: 25px; width: 53px; }

        .bgsat    { font-size: 13px; text-align: center; color: #3862ff; font-weight :bold; height: 25px; width: 53px; }

        .bgweek   { font-size: 13px; text-align: center; color: #333; font-weight: bold; height: 25px; width: 53px; }

        .selDay { background: #FF8040; width: 19px; height: 19px; line-height: 150%; overflow: hidden; border-radius: 19px; padding: 0; margin: auto; }

        .selDay a.writeday { color: #fff !important; font-size: 11px; display: block; width: 100%; height: 100%; }

        p.title     { font-size: 1em; font-weight:bold; }

        p.sunday    { text-align: center; color: #FF0000; font-size: 13px; }

        p.saturday  { text-align: center; color: #3366CC; font-size: 13px; }

        p.weekday   { text-align: center; color: #333; font-size: 13px; }

}







        

답변 1개

채택된 답변
+20 포인트

<div style="width: <?php echo is_mobile() ? '0' : '50%'; ?>; float: left;">

해보시겠나요

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

답변에 대한 댓글 11개

<div style="display:<?php if(is_mobile())echo 'none';?>;width:<?php echo is_mobile() ? 0 : 50?>%;float:left;">

요 부분에서 말씀인가요?
변화는 없구요 수정했더니 3번째 이미지처럼 되었습니다...ㅠ
<div style="display:block;width:<?php echo is_mobile() ? '100%' : '50%';?>;float:left;">

이걸로 해보시겠나요
수정 했더니 반대로 달력들만 보이네요. 모바일에선 일정내용만 보이게 할려고 합니다. 달력 부분은 안보이게 하려고 합니다
PC에선 체크박스 보이게 하면서 일정 내용도 보이게 하며, 모바일에선 일정내용만 보이게 작업을 했는데 일정내용은 등록이 되어있는데 주황색 동그라미 체크표시가 안뜨는거에요.
<?php if (!is_mobile()): ?>
<div style="display:block;width:50%;float:left;">
PC
</div>
<?php endif; ?>

<div style="display:block;width:<?php echo is_mobile() ? '100%' : '50%'; ?>;float:left;">
모바일
</div>

이런식으로 나누셔야할듯해요
음... 같은 내용이 들어가야한다는 말씀인가요?
코드만 보고 맞춰보려고 하니 어렵네요 ㅎ; 컴퓨터에서 확인 후 답변드릴게요!
모두 무시하시고, 원본에서 아래 부분만 바꾸세요.
<div style="width:<?php echo is_mobile() ? 0 : 50?>%;float:left;">
이 부분을
[code]
<?php if(is_mobile()){ ?>
<div style="display:none">
<?php } else { ?>
<div style="width:50%;float:left;">
<?php } ?>
[/code]
이미 고쳐드렸고 제가 휴대폰으로 답변드리느라 잘못봤는데, 간단하게 CSS만 수정하면 되던 부분이였으며 모바일의 경우 cal 클라스를 숨겼고 changeNowListBox 의 parent 의 길이를 100% 로 해서 해결했습니다.

<?php if(is_mobile()){ ?>
<div style="display:none">
<?php } else { ?>
<div style="width:50%;float:left;">
<?php } ?>

이렇게 하시면 달력뿐만 아니라 일정까지 안보이게 됩니다.

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

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

로그인
🐛 버그신고