CSS 페이지 매김이 포맷되지 않음

페이지 매김의 색상과 레이아웃의 포맷을 시도하고 있지만 아무 것도 작동하지 않는 것 같습니다. 여기에 시도 된 코드 스 니펫이 있습니다. 나는 그것을 포맷 할 수없는 명백한 이유가 있기를 바래요?CSS 페이지 매김이 포맷되지 않음

의 PHP 페이지 매김 코드 :

<?php 
    //Pagination Starts 
     echo "<div class='pagination'>"; 
     $prev = $start - $per_page; 
     $next = $start + $per_page;      
     $last = $max_pages - 1; 
     if($max_pages > 1){ 
     //previous button 
      if (!($start<=0)) 
       echo "<a href='index.php?os=$os=Search+source+code&start=$prev' class='page'>Prev |</a> ";    
       //pages 
      $i = 0; 
      for ($counter = 1; $counter <= $max_pages; $counter++){ 
       if($i == $start){ 
       echo " <a href='index.php?os=$os=Search+source+code&start=$i' class='page active'><b> $counter |</b></a> "; 
       } 
       else { 
        echo " <a href='index.php?os=$os=Search+source+code&start=$i' class='page'> $counter |</a> "; 
       } 
      $i = $i + $per_page;     
      } 
     }  
    //next button 
    if (!($start >=$foundnumapps-$per_page)) 
     echo " <a href='index.php?os=$os=Search+source+code&start=$next' class='page'> Next</a> ";  
    } 
    echo "</div></div>" 
    ?>

CSS :

활성 항목에 대한 CSS의 정의에서

.pagination { 
     background: #f2f2f2; 
     padding: 20px; 
     margin-bottom: 20px; 
    } 

    .page { 
     display: inline-block; 
     padding: 0px 9px; 
     margin-right: 4px; 
     border-radius: 3px; 
     border: solid 1px #c0c0c0; 
     background: #e9e9e9; 
     box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1); 
     font-size: .875em; 
     font-weight: bold; 
     text-decoration: none; 
     color: #717171; 
     text-shadow: 0px 1px 0px rgba(255,255,255, 1); 
    } 

    .page:hover { 
     background: #fefefe; 
     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0)); 
     background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0); 
    } 

    .page.active { 
    border: none; 
    background: #616161; 
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8); 
    color: #f0f0f0; 
    text-shadow: 0px 0px 3px rgba(0,0,0, .5); 
}

출처

2014-03-31 Kiwi

그 맞는 것 같습니다. 어떻게 당신의 프로젝트에 CSS를 포함 시켰습니까? – ponciste

이것으로 피들을 만들어주세요. 이 바이올린을 쓰는 동안 문제에 대한 답을 찾을 수있을 것입니다 ... –

하이퍼 링크의 경우 : index.php? os = $ os = Search + source + code & start = $ prev' 'index.php? os = $ os & Search = source + code & start = $ prev'? 그렇지 않으면 행에 여러 개의 등호가 표시되어 모든 페이지에서 GET을 엉망으로 만들 수 있습니다. – larsAnders

-1

이 사용하는 경우에만 .active는하지 .page.active

출처

2014-03-31 14:20:58

CSS 페이지 매김이 포맷되지 않음

답변

관련 문제