2016-06-06 6 views
-1

나는 우리의 웹 사이트에 의견 수를 맞추고 싶습니다! 댓글 수는 댓글의 사용자 이름 및 날짜와 동일한 높이로 게시되어야합니다.의견 수렴하기

어떻게 해결할 수 있습니까? 이미 여백과 패딩을 시도했지만 효과가 없습니다.

아래 링크에서 미리보기 : 당신이 li::before의 작은 숫자에 대해 이야기하면 http://zomerhitzz.blogspot.nl/2016/05/janieck-feel-love-sam-feldt-edit.html?showComment=1465159461594#c4321997141132965583

다시 한번 감사

답변

0

을 alot을?

::before을이 클래스로 이동하십시오.

.comment-header::before { 
    content: counter(countcomments,decimal); 
    counter-increment: countcomments; 
    float: right; 
    font-size: 11px; 
    color: #B4B4B7; 
    text-align: inherit; 
    z-index: 2; 
    padding-left: 5px; 
} 

이 방법은 요소 흐름을 유지하면서 달성하려는 최선의 방법입니다.

또는

당신은 리튬 (기존 클래스에 이러한 특성을 추가)에 그것을 유지하려면 ----

;

// This is your LI class 
.comment { 
    position: relative; 
} 

// Your counter 
.comment-thread li:before { 
    position: absolute; 
    right: 5px; 
    top: 10px; 
} 

// Your city/date comment header 
.comments .comments-content .comment-header { 
    padding-right: 15px; 
} 

편집 ---

변경이;

.comment-thread li:before { 
    content: counter(countcomments,decimal); 
    counter-increment: countcomments; 
    float: right; 
    font-size: 11px; 
    color: #B4B4B7; 
    text-align: inherit; 
    z-index: 2; 
    position: relative; 
} 

여기까지;

.comment-header:before { 
    content: counter(countcomments,decimal); 
    counter-increment: countcomments; 
    float: right; 
    font-size: 11px; 
    color: #B4B4B7; 
    text-align: inherit; 
    z-index: 2; 
    padding-left: 5px; 
} 
+0

감사합니다,하지만 어떻게 이동시킬 수 있습니다 : 전에 블로거/blogspot에서 리튬? 이것이 가능한지 아닌지 그리고 어떻게 이것을 할 수 있습니까? 어쩌면 blogspot을 가진 사람이 나를 도울 수 있습니까? –

+0

당신은 CSS에 대한 권리가 있습니까? 나는 당신이 css – Mark

0

JSFiddle 또는 기타 좋아요를 복제 할 수 있습니까? 웹 사이트에서 소스 코드를 조사하지 않고 (혼동스럽고 구문 분석하기가 어렵습니다) 우리는 가정을합니다.

필자는 요소에 동일한 선 높이를 주면 문제를 해결할 수 있다고 생각합니다.

+0

에 대한 액세스 권한을 가지고있는 한 그것을 해결할 내 대답을 업데이트했습니다. 첫 번째 질문을 업데이트했습니다. 바라건대 지금은 더 명확 해졌습니다! 감사합니다. –