2014-12-21 3 views
-1

나는 HTML 코드에 대해 아무것도 몰라. 나는 인터넷에서 발견 한 'Galauness Blogger Theme'를 사용하고있다. 나는 너무 열심히하지 않았던 몇 가지를 바꿨는데, 현재 내 블로그에 대해 싫어하는 것은 잘못된 제목이 잘못된 블로그 포스트에 속한 것처럼 보입니다.내 게시물 사이의 공간을 늘리는 방법은 무엇입니까?

내 웹 사이트를 방문한 경우 두 번째 텍스트 행이 이미지의 첫 번째 행에 속해 있지만 그럴 수는 없습니다.

누구나 나를 도와 주시겠습니까? 텍스트와 이미지 사이의 공간을 줄이거 나 b) 이미지의 첫 번째 행과 두 번째 텍스트 행을 늘리십시오.

내 웹 사이트

이 제목과 이미지 수 사이의 공간을 감소 사전

+0

스택 오버플로는 일반적으로 컴퓨터와 관련하여 "무료 도움말"을 요청하지 않고 프로그래밍 관련 질문 ([도움말/주제)]에 대한 도움을 의미합니다. – usr2564301

답변

0

에 감사하지만, 복잡 할 수 www.lemontierres.com입니다. 그 이유는 CSS의 각 헤드 라인 높이가 40px로 설정되고 패딩이 10px이기 때문입니다. 선택자 .post h3에 대한 CSS에서이 내용을 찾을 수 있습니다. 높이 : 40px; 현재는 모든 헤드 라인이 한 줄만 가지고 있기 때문에 더 좋아 보입니다. 그러나 두 줄의 헤드 라인이 하나 인 경우 각 줄의 세 항목이 더 이상 정렬되지 않습니다. 고정 된 높이로 모든 것을 정렬하는 데주의를 기울입니다.
항목간에 더 많은 공간을 확보하려면 래퍼 요소에 대한 패딩을 추가 할 수 있습니다. 모든 항목은 각각의 행 사이에 더 많은 공간을 추가합니다

.post.hentry { 
    padding-bottom: 30px; 
} 

를 추가, 클래스 posthentry와 사업부에 싸여있다.
가장 외곽에있는 래퍼 인 div (클래스 date-outer)에 패딩을 추가하면 이상한 결과가 발생하지만 .post.hentry에 추가하는 것으로 나타났습니다.

+0

높이 평가에 대한 의견을 보내 주셔서 감사합니다. 40px, 20px로 바꿨으니 지금은 괜찮아 보입니다! 정말 고맙습니다. – Sjoukje

+0

@Sjoukje 기꺼이 당신을 도울 수있었습니다. 이 질문에 답이 나면이 대답을 수락하는 것으로 고려하여 질문을 닫히거나 해결하도록 표시 할 수 있습니다. 당신이 Stackoverflow에 익숙하지 않고 어쩌면 이것이 작동하는 이유와 이유를 알지 못했을 것입니다. http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work#answer를 확인하십시오. -5235 –