제목 | 페이지네이션이 이상하게 보이는 현상 | ||
---|---|---|---|
카테고리 | CI 2, 3 | ||
글쓴이 | 그동안 | 작성시각 | 2019/07/24 14:36:38 |
|
|||
페이지네이션이 이상하게 보이는 현상 관련 문의 드려 봅니다. CSS 문제인가 싶기도 한데, 도무지 모르겠네요;;
- 맨처음, 이전 버튼이 있을때는 정상 입니다.
- 이전 버튼만 존재할 시, 1 앞에 점이 생기고, 1과 2사이에 점이 안 보입니다. - 맨처음, 이전 버튼 없을 시, 2와 3사이에 점이 안 보입니다.
[ CSS 코드 ] /* normal paging */ .paging{margin:40px 0 0;text-align:center;} .paging a{position:relative;display:inline-block;width:30px;height:30px;margin:0 1px;font-size:14px;color:#222;line-height:33px;vertical-align:middle;box-sizing:border-box;} .paging a:hover, .paging a.on{color:#e8422c;} /*.paging a.first,.paging a.prev,.paging a.next,.paging a.last{display:none;}*/ .paging > a:after{content:'';display:block;position:absolute;left:-4px;bottom:8px;width:2px;height:2px;background:#333;border-radius:100%;} .paging > a:nth-child(3):after{display:none;} .paging span{text-indent:-9999px;} .paging .first{background:url(../images/common/btn_paging_first.png) 50% 50% no-repeat;} .paging .prev{background:url(../images/common/btn_paging_prev.png) 50% 50% no-repeat;} .paging .next{background:url(../images/common/btn_paging_next.png) 50% 50% no-repeat;} .paging .last{background:url(../images/common/btn_paging_last.png) 50% 50% no-repeat;}
[ 페이지네이션 컨트롤러 코드 ] //공지사항 목록 public function notice_list() { //페이지네이션 설정 시작 $config = array(); $config['base_url'] = base_url()."/my_client/notice_list/"; //뷰.페이징 주소 $config['total_rows'] = $this->notice_m->notice_record_count(); //게시물의 전체 갯수 $config['per_page'] = 5; //한 페이지에 표시할 게시물 수 $config['uri_segment'] = 3; //페이지 번호가 위치한 URI 위치 $config['use_page_numbers'] = TRUE; $config['full_tag_open'] = '<div class="paging">'; //페이지네이션 전체를 감싸는. 여는 태그 $config['full_tag_close'] = '</div>'; //페이지네이션 전체를 감싸는. 닫는 태그 $config['first_link'] = '맨 처음 목록으로 이동'; //맨 처음으로 이동. 표시 $config['first_tag_open'] = '<span class="first" title="맨 처음 목록으로 이동">'; //맨 처음으로 이동. 여는 태그 $config['first_tag_close'] = '</span>'; //맨 처음으로 이동. 닫는 태그 $config['last_link'] = '맨 마지막 목록으로 이동'; //맨 마지막으로 이동. 표시 $config['last_tag_open'] = '<span class="last" title="맨 마지막 목록으로 이동">'; //맨 마지막으로 이동. 여는 태그 $config['last_tag_close'] = '</span>'; //맨 마지막으로 이동. 닫는 태그 $config['prev_link'] = '이전 목록으로 이동'; //이전 페이지로 이동. 표시 $config['prev_tag_open'] = '<span class="prev" title="이전 목록으로 이동">'; //이전 페이지로 이동. 여는 태그 $config['prev_tag_close'] = '</span>'; //이전 페이지로 이동. 닫는 태그 $config['next_link'] = '다음 목록으로 이동'; //다음 페이지로 이동. 표시 $config['next_tag_open'] = '<span class="next" title="다음 목록으로 이동">'; //다음 페이지로 이동. 여는 태그 $config['next_tag_close'] = '</span>'; //다음 페이지로 이동. 닫는 태그 $config['cur_tag_open'] = '<a href="#none" class="on">'; //현재 페이지 링크. 여는 태그 $config['cur_tag_close'] = '</a>'; //현재 페이지 링크. 닫는 태그 //페이지네이션 관련 $this->pagination->initialize($config); //초기화 $page = ($this->uri->segment(3))? $this->uri->segment(3):0; //페이지네이션,공지사항글 모델로 부터 받아와서 뷰로 전달 $data['pagination'] = $this->pagination->create_links(); //페이지네이션 data echo '<xmp>'; print_r($data['pagination']); echo '</xmp>'; $data['notice_list'] = $this->notice_m->notice_list($config['per_page'], $page); //공지사항 목록 data $this->load->view('html/mypage/client/notice/notice_list_v.php',$data); }
|
|||
다음글 | Trying to get property 'load' ... (4) | ||
이전글 | uri route 질문드려요 (1) | ||
없음 |