홈페이지 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 명령어가 있어요

 

 

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

회원로그인

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