홈페이지 CSS 게시판 정렬 질문입니다

홈페이지 CSS 게시판 정렬 질문입니다

QA

홈페이지 CSS 게시판 정렬 질문입니다

본문


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

 

2087677231_1536657445.3683.png

 


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

2087677231_1536657484.6213.png

 

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

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

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

이 질문에 댓글 쓰기 :

답변 6

<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>

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

HTML CSS 관련 문제라...

 

PS.

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

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

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

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

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

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

 

 

답변을 작성하시기 전에 로그인 해주세요.
전체 123,643 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT