테스트 사이트 - 개발 중인 베타 버전입니다

홈페이지 CSS 게시판 정렬 질문입니다 채택완료

유정수 7년 전 조회 1,769

</p>

<p><div class="lt_pc">

    <?php

    // 이 함수가 바로 최신글을 추출하는 역할을 합니다.

    // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);

    // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정

    echo latest('theme/basic', 'free', 8, 20);

    ?>

</div></p>

<p><div class="lt_pc">

    <?php

    // 이 함수가 바로 최신글을 추출하는 역할을 합니다.

    // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);

    // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정

    echo latest('theme/basic', 'free', 8, 20);

    ?>

</div></p>

<p>

 

 

</p>

<p><div class="lt_pc">

    <?php

    // 이 함수가 바로 최신글을 추출하는 역할을 합니다.

    // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);

    // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정

    echo latest('theme/basic', '7', 8, 20);

    ?>

</div></p>

<p><div class="lt_pc">

    <?php

    // 이 함수가 바로 최신글을 추출하는 역할을 합니다.

    // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);

    // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정

    echo latest('theme/basic', '4', 8, 20);

    ?>

</div></p>

<p>

 

CSS파일에서 FREE 부분을 각 각 7,4 게시판 테이블 값을 넣어주니

정렬이 저런식으로 망가집니다ㅠㅠ

어떤 부분을 손봐야 기존대로 정렬이 깔끔하게 될까요...도와주세요

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

답변 6개

채택된 답변
+20 포인트
s
sinbi Expert
7년 전

<div class="lt_pc">
    <?php
    // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
    // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
    // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
    echo latest('theme/basic', 'S02', 7, 25);
    ?>
</div>
<div class="lt_pc lt_ml">
    <?php
    // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
    // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
    // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
    echo latest('theme/basic', 'S02', 4, 25);
    ?>
</div>

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

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

7년 전

.lt_pc 에 

vertical-align: top; 를 추가 하세요

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

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

ChjLee
7년 전

html 의 float 명령을 살펴보시는게 이해가 빠를듯 싶네요

float 에는 left, right, none, inherit, !important 등이 있더군요

이것을 해제하는 clear 명령어가 있어요

 

 

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

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

css파일에 lt-pc 부분에 float:left;를

삽입햐고 부모div 에 clear:both;해 보세요

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

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

mkdir
7년 전

clear를 뉴스/핫이슈 위에 적용해보는건 어떠신가요?

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

답변에 대한 댓글 2개

유정수
7년 전
제가 시작한지 얼마 안된 초보다 보니 해주신 말씀을 이해를 잘못하겠습니다ㅠㅠ
s
sinbi
7년 전
clear는 줄바꿈 속성입니다.
https://homzzang.com/b/css-106 참고해 공부해 보세요.

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

s
sinbi Expert
7년 전

이건 관련 페이지 좌표를 남기셔야 도움받으실 수 있을 겁니다.

HTML CSS 관련 문제라...

 

PS.

고치신 부분은 게시물 출력 개수 부분이니, 

두 부분이 평행하게 위치시키려거든 동일한 숫자로 맞춰보세요.

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

답변에 대한 댓글 1개

유정수
7년 전
혹시나 싶어 좌표 남겨드려요ㅠㅠ
http://www.yeogigakka.com/

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

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

로그인