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

아직 게시판 정리가 잘 되지 않아 다시 질문드립니다T_T 채택완료

로이나 10년 전 조회 3,484


 

 

메인에 최신글 게시판을 각자 하나씩 불러오는 것까진 성공했습니다.

헌데 제가 생각하는 게시판 위치들이 위 그림처럼 하고자 합니다.

게시판1, 4, 5는 스킨 적용해서 css 수정해서 사이즈를 맞췄는데

게시판 2, 3을 나란히 둘 수 있는 방법을 아무리 검색해봐도 제가 너무 생초보라 도저히 모르겠네요(...)

그래서 머리 싸매다 결국 능력자분들에게 도움을 요청합니다ㅠㅠ...

 

 

 

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

답변 3개

채택된 답변
+20 포인트
N
10년 전

DIV사용시

 

1번구역

 

float:left;​">2번구역
​   (2+3번 크기가 id="x"보다 작아야함)

float:left;​">3번구역
​   (2+3번 크기가 id="x"보다 작아야함)

    <--- 정렬 초기화( 위아래가 아니라 옆으로 붙게되는걸 종료하겠다는)

 

4번구역

5번구역
 

 

 

모여라 눈코입처럼. 2,3번을 가운데에 쏠리게 하시려면

id="x"보다 작아야함​);">   

float:left;​">2번구역
​   (2+3번 크기가 id="z"보다 작아야함)

float:left;​">3번구역
​   (2+3번 크기가 id="z"보다 작아야함)

    <-- 정렬 초기화

 

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

답변에 대한 댓글 4개

로이나
10년 전
우어어어어어 감사합니다(ㅜㅜ) 바로 적용해봤더니 깨끗하게 잘 맞네요 또 하나 배워서 기쁩니다!
로이나
10년 전
저기... 또 여쭙는 게 죄송하지만... 게시판 한 라인으로 맞춘 뒤에 그 사이의 여백을 주는 방법은 php에서 해야 하나요, css에서 손을 봐야 하나요?
N
NugKud
10년 전
css요.
외부여백은 margin-(top,left,bottom,right):크기, 내부여백은 padding-위치(top,left,bottom,right):크기 하시면되요.

예) margin-left:20px;
로이나
10년 전
정말 감사합니다(__) 가장 큰 고민이었던 배열이 잘 해결되서 기뻐요T_T

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

N
10년 전

table사용시

 

1번구역

 

2번구역3번구역

 

4번구역

5번구역
 

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

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

10년 전

float:left 을 써서 두개를 나란히 붙도록 코딩 하셔야겠네요

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

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

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

로그인