2014-12-05 2 views
0

안녕하세요. 데이터베이스에서 기사를 가져 오는 작업중인 페이지가 있습니다. 결과는 PHP를 사용하여 분할되고 페이지 당 6 개의 기사를 표시합니다. 내가 가진 문제는 7 가지 결과가 있고 2 페이지로 넘어 간다면 timepieces 메뉴 버튼 아래에서 볼 수있는 것처럼 모든 것이 잘된다는 것입니다.MYSQL 결과가 1 페이지를 넘지 않는 경우 결과가 잘못 표시됩니다.

그러나 6 개 미만의 기사와 단 한 페이지 만있는 경우 첫 번째 기사는 재미 있고 텍스트는 개인 항공 단추 아래에 표시되는 것처럼 이미지 아래로 떨어집니다.

웹 사이트에 대한 링크는 여기에 있습니다 : http://goo.gl/N8p8CT

두 항목은 article.row.mid 내 것으로 보인다 그래서 내가 왜 일을 고민하고있다.

+0

첫 번째 기사의 이미지 아래에 Banzay

+0

고마워, 나는 그것을 알아 차리지 못했다. 그러나 나는 그것과 다른 것을 바꿨다. – sam003

+0

고마워. 대답으로 추가한다면, 내가 그것을 선택할 것이다. – sam003

답변

0

원인 첫 번째 기사의 이미지가 <a></a> 태그로 둘러 쌓여 있지만 두 번째 기사는 그렇지 않습니다. 두 이미지는 서로 다른 CSS 규칙에 의해 렌더링됩니다. enter image description hereenter image description here 첫 번째 것은 botstrap.css 규칙에 따라 스타일이 지정되며, 2 - 자신의 스타일 시트가 적용됩니다. 부트 스트랩을 사용하는 경우 어쨌든 기사의 이미지를 부트 스트랩 그리드를 사용하여 더 나은 정렬을 위해 div로 래핑하는 것이 좋습니다. 다음과 같이하십시오.

<article class="row mid"> 
<div class="col-xs-4"> 
<a href="https://www.flyvictor.com/?utm_source=display&amp;utm_medium=leaderbanner&amp;utm_campaign=tempus20141010" target="_blank"> 
         <img src="admin/images/private_jet_hanger-1413201025.jpg" alt="post1" height="250px" width="250px"> 
         </a> 
</div> 
<div class="col-xs-8 info"><a href="https://www.flyvictor.com/?utm_source=display&amp;utm_medium=leaderbanner&amp;utm_campaign=tempus20141010" target="_blank"> 
          </a><h1><a href="https://www.flyvictor.com/?utm_source=display&amp;utm_medium=leaderbanner&amp;utm_campaign=tempus20141010" target="_blank"></a><a href="article.php?id=111&amp;tag1=private_aviation">Jet Partner launches empty leg service...</a></h1> 
          <p class="details"></p> 
          <p class="tags"></p> 
          <p class="text"> 
           </p><p>The advantages associated with private jet travel are invaluable: the ability to journey in comfort, security and privacy; to arrive at the airport just 15 minutes before take-off and to completely avoid check-in. Now, the advent of groundbreaking       </p> 
          <a href="article.php?id=111" class="btn btn-default" "="">Read More</a>       <ul class="counters list-inline"> 

          </ul> 

         </div> 
        </article> 
관련 문제