2012-07-23 5 views
0

앞에 텍스트를 넣어하려고 노력하는 것은 내가 자신의 사업부는 텍스트 사업부 뒤에 표시되는 불투명 한 줄을 원하는 문제이미지 여기

site입니다. 이미지 앞에서 분명히.

내 문제는 : 내가 사업부는 내부의 텍스트를 포함하는 동안 70 픽셀의 높이로 축소 "FP-배너"라는 제목 얻을 수 없습니다

1).

2) 흰색 테두리가 맨 아래까지 계속 확장되어 있으며 그 이유는 알 수 없습니다.

여기에 코드를 모두 게시하려하지만 복사하여 붙여 넣으면 html이 실제로 나타나서 게시하지 않을 것입니다.

감사합니다.

답변

1

먼저 문제 # 2를 해결하겠습니다. 이미지 테두리 대신 # featured-post img 인 테두리가 적용되어 있으므로 흰 테두리가 기능적 포스트 이미지 아래로 확장됩니다 (# featured-post img)

그래서에 # 기능 - 게시물에 대한 CSS를 변경 :

#featured-post { 
    float: left; 
    width: 370px; 
    margin-left: 10px; 
    padding:0;  
} 

와 # 기능을 갖춘 포스트 IMG에 대한 CSS에 :

#featured-post img { 
    border: solid 3px #fff; 
    z-index: -1; 
    margin:0; 
    padding: 0; 

} 

문제 # 1, # FP-이 추가 밴 어 :

height:70px !important ; 

와 CSS이 추가 : 당신은 70 픽셀 높이에 맞게 # FP-배너 페이지 스타일링의 여백 하단 값을 조정해야 할 수도 있습니다

#fp-banner p { line-height:14px ; margin-bottom:8px } 

.

참고 : 단지의 경우, 이러한 변경을하기 전에있는 style.css의 백업을하는 것을 잊지 마세요 :)이 도움이

희망을!

보다도,

신시아

+0

* 참고 : 단지의 경우, 이러한 변경 작업을 수행하기 전에있는 style.css의 백업을 잊지 마세요 : *) - 아직 더 나은, 버전 컨트롤을 사용 Mercurial과 같은 시스템. – Omnifarious