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

css 적용이 난감한 상황 채택완료

리탑 3년 전 조회 1,818

 

위와 같은 이미지 파일 게시글을 업로드하는 php 코드가 있고

웹페이지에는 DB에 있는 이미지 파일 게시글이 처음부터 끝까지 표시됩니다.

 

문제는 코드에서 출력되는 모든 게시글에 css를 한번에 작업하려고

클래스로 css 적용을 하면 모든 파일이 출력 될 때마다 한번 더 css가 적용돼요

 

예를 들어

.blod-post_img {

margin: 20px 0px; }

이런식으로 코드를 입력하면 첫번째 게시글은 정상적으로 나오나

두번째 게시글을 위의 css가 두번 세번째 게시글은 위의 css가 세번 적용됩니다.

 

이럴 때는 어떻게 해결하면 좋을까요?

 

작업중인 페이지: http://gilyounggood.cafe24.com/blog.php

(css 적용 안된 상태)

 

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

답변 4개

채택된 답변
+20 포인트
F
3년 전

위 사이트 들어가서 보니 

<div class="blog-post">

<div class="blog-post_info">

 

이 두개의 항목에 닫히는 </div>가 없는거 같애요. 

소스 구성다시 살펴보시고 태그만 잘 닫으시면 문제 없을것 같네요. 

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

답변에 대한 댓글 2개

리탑
3년 전
글 답변에 코드 전체 사진 올렸습니다 div 전부 제대로 닫혀있는 상태 아닌가요?
리탑
3년 전
끝까지 답변 해주셔서 정말 감사합니다 하루종일 고생했는데 <?php }?>를 div 밖으로 꺼내주니 해결됐네요 ㅠㅠ

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

리탑
3년 전

 

코드 전체

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

답변에 대한 댓글 1개

썽피리
3년 전
맨 아래쪽에 있는 <?php }?> 이 부분이 매칭되는 구문이 없네요. 아마 위에 반복문이 돌아가는 구문의 괄호인거 같은데 괄호를 닫는 위치가 잘못된거 같습니다. 위 소스에선 저것 말고는 잘못된건 없어보이네요. 일단 저것때문이지 몰라도 html 소스상에 </div>태그가 안닫혀서 나는 오류는 거의 확실합니다.

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

들레아빠

코드를 확인해야 될것 같습니다.

div를 열고 닫는게 안맞아서 생기는 증상 같네요.

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

답변에 대한 댓글 1개

리탑
3년 전
글 답변에 코드 전체 사진 올렸습니다 div 전부 제대로 닫혀있는 상태 아닌가요?

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

위 내용가지고는 잘 모르겠네요.

css 적용한 상태의 URL을 올리시거나

최소한 소스보기"한 상태의 html를 올려 보세요.

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

답변에 대한 댓글 1개

리탑
3년 전
본문의 url이 css 적용한 상태로 변경 됐습니다
.container {
margin-left: 50px;
}
이렇게 했고 링크에 총 6개의 게시물이 나오며 첫번째 게시물에 margin-left: 50px; 적용
두번째 margin-left: 100px; 적용 세번째 margin-left: 150px; 이런식으로 되네요

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

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

로그인