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

메인 첫페이지 게시판글 정렬 가로로 채택완료

양좌리 9년 전 조회 3,904

안녕하세요. php를 다뤄본적이 없다보니 생소하기도하고 수정하기가 어렵네요.

 

다름이 아니라 홈페이지 첫 화면에

 

유튜브처럼 가로로 정렬하고 싶은데 어디부분을 보고 수정을해야할지 모르겠습니다.

 


 

이렇게 세로로 게시판 글이 출력되고 있는데 (썸네일은 제가 만들어서 가져온것입니다)

 

이를 유튜브 처럼 가로로 정렬하고싶습니다.

 

말씀과 조언 부탁드려요 ~~

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

답변 3개

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

정렬은 HTML과 CSS만 아시면 해결됩니다.

 

태그엔 인라인 요소와 블럭요소란 게 있어요.

 

인라인은 옆으로 나열되고,

블럭 요소는 세로로 나열됩니다.

 

때문에, 해당 요소가 어떤 요소의 속성인지 먼저 아시는 게 중요합니다.

 

대표적인 인라인 블럭 요소 확인하기 http://www.homzzang.com/b/html-103">http://www.homzzang.com/b/html-103

 

 

물론, CSS 속성을 이용해 상호 속성을 바꾸는 게 가능합니다.

 

인라인 요소는 그대로 나눠도 옆으로 나열되고,

블럭 요소는 display:inline 또는 display:inline-block 이라는 속성을 붙여줘야 옆으로 나열됩니다.

 

http://codepen.io/anon/pen/dOyBBG">http://codepen.io/anon/pen/dOyBBG 참고. 

 

예를 들어, 

 

위 예제 좌표에서 css 속성에서 display:inline-block 속성을 제거하면,

 

위아래로 나열되게 돼요.

 

일단, HTML CSS를 일주일 정도 공부하신 후, 수정작업을 다시 하시길 권합니다.

 

 

 

 

 

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

답변에 대한 댓글 1개

양좌리
9년 전
감사합니다 ~ 초보이다보니 엉성한 질문에도 친절하고 상세한 답변 덕분에 방금 바로 해결하였습니다 ~ 예쁘게 가로정렬이되네요 :D 홈짱님 감사합니다 ~

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

index화면을 말하시는거라면 latest 최신글 스킨을 이용하시는게 가장 좋을거같습니다~ 

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

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

9년 전

메인화면에 최신글 스킨을 말씀하시는건지

 

게시판 스킨을 말씀하시는건지 모르겠습니다만 

 

스킨게시판에서 갤러리 스킨 같은걸 설치해서 사용해보세요

 

 

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

답변에 대한 댓글 1개

양좌리
9년 전
답변 감사합니다 ~ 초보이다보니 질문이 엉성해서 죄송합니다 ~

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

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

로그인