현재 모바일 페이지 제작중인데

 

예를 들어 게시글 불러오는 위젯에서 제목이랑 닉네임이 같은 줄에 안나옵니다.

 

그런데 브라우저 화면을 조금 늘리는 경우에는 같은 줄에 나오는 걸 보면

 

현재 제목부분이 차지하는 넓이가 너무 커서 그런거같은데 이거 조절을 어떻게 해야할까요?

 

위젯은 xet 컨텐츠 위젯입니다

 

css에서 뭔가를 건드려야 될거 같은데 잘 모르겠네요ㅠㅠ

 

q1.jpg

q2.jpg

 

  • profile
    해당 페이지가 관리자 권한만 접근가능한 것 같습니다.

    테이블의 형태라면 앞의 제목쪽의 width 를 좀 조절해보시면 나오실 것 같습니다.
  • profile profile
    normal.css에 css가 이런형태인데 추출한 컨텐츠의 제목의 width를 어디서 수정해야할지 몰라서 못하고 있습니다ㅠ

    /* 목록형 Table
    ---------------------------------------------------------------------------- */
    .xet_widget_normalTable {
    width: 100%;
    position: relative;
    margin:0;
    padding:0;
    }
    .xet_widget_normalTable td {
    border:0;
    white-space:nowrap;
    vertical-align:top;
    font-size: 12px;
    padding:0 5px 10px 0;
    color: #777;
    }
    .xet_widget_normalTable td a {
    color: #777;
    }
    .xet_widget_normalTable td.list_style {
    padding-right: 8px;
    }
    .xet_widget_normalTable td.list_style img {
    max-width: auto;
    vertical-align:middle;
    }
    .xet_widget_normalTable td.bullet {
    background:url(../img/bullet.gif) 0 40% no-repeat;
    }
    .xet_widget_normalTable td.arrow {
    background:url(../img/arrow.png) 0 40% no-repeat;
    }
    .xet_widget_normalTable td.number {
    padding: 0 5px 0 0;
    }
    .xet_widget_normalTable td.number .number {
    width: 20px;
    white-space: nowrap;
    text-align: center;
    color: #777;
    }
    .xet_widget_normalTable td.title_wrp {
    width:100%;
    }

    .xet_widget_normalTable td.title_wrp .title {
    font-size: 14px;
    color: #151515;
    }
  • profile profile
    이런 코드만으로는 저희가 답변 못드립니다.

    사이트를 열어주셔야 해당 클래스가 뭐 선언됬는지 확인하죠..ㅠ
  • profile
    여기에 길쭉한 뼈가 하나 있는데... 이 뼈가 어떤 동물의 뼈인가요?
    라는 질문과 같습니다.

    html과 css는 어디에 어떻게 적용되는지를 봐야 하는데 그걸 볼수가 없는 상태에서 답변하기 위해서 그 위젯을 답변자가 깔아서 확인해보라는 말이죠.
    누가 그런 수고까지 해가면서 해볼까요.
  • profile profile

    죄송합니다. 제가 사이트를 PC에서 모바일사이트로 보는 방법을 몰라서
    해당 페이지 주소를 관리자 페이지 주소로 첨부했습니다ㅠ
    의도와 다른 질문글 올려 죄송합니다.

    사이트 주소는 phoenix828.cafe24.com 이었습니다.

  • profile profile

    모바일의 경우 모바일에서는 일부 항목들을 숨겨주면 같은줄에 나올 것 같습니다.

    .floatRight 클래스 안의 date, voted, readed 클래스를 display:none; 옵션을 주시면 되겠습니다.

     

    구글에 CSS 반응형 검색 해보시고, @media 어쩌구 하는 가로크기를 잘 설정하셔서 일정 가로크기가 이하되는 경우에 해당 클래스에 제가 말씀드린 속성을 적용하시면 됩니다.

  • profile profile
    답변 정말 감사합니다. 가르침 주신대로 잘 해보겠습니다~!