2010-05-15 3 views
2

내 사이트에 google friend connect를 추가했습니다. 이제 사이드 바가있는 오른쪽에 작은 선이 있습니다. 내가 그걸 원하지 않기 때문에 어떻게 그 줄을 제거해야합니까?CSS 수평선

+1

Firebug를 사용하여 요소를 식별하고 CSS 규칙을 정의하여 제거하십시오. 또는 라이브 링크를 제공하십시오. –

답변

4

두 번째를 숨길 수 있습니까? <div id="sidebar"> 보이지 않아야하므로 해당 요소를 숨기면 내부에 테두리가있는 <div>이 생성됩니다.

또한 동일한 ID를 가진 페이지에는 두 개의 요소가 없어야합니다. 두 개의 <div id="sidebar"> 요소가 있습니다. 따라서 id에 의해 CSS를 설정하면 다른 CSS에도 영향을 미칩니다.

#sidebar2{display:none;} 

<div id="sidebar2"></div> 

편집 :

<div id="sidebar2" style="display:none"></div> 

또는 더 나은 아직, 그것을 위해 CSS 규칙을 만들 :

당신은이 같은 두 번째 <div>를 만들어야합니다 당신은 좀 더 가까이에서보고 알고 나는 그 둘째가 필요하다고 생각하지 않는다. <div id="sidebar">. 그게 의도적 인거야? 한 번만 Google 프렌즈 스크립트를 포함하면됩니다.

+0

감사합니다. 페이지를 위로 옮길 때 그것을 삭제하는 것을 잊어 버렸습니다. 같은 ID가 여러 개인 사이트의 일부가 있기 때문에 일부 ID를 클래스로 대체해야합니까? – nebkat

+0

페이지 또는 부모 요소 내부의 모든 div가 비슷한 스타일을 공유하면 해당 div를위한 클래스를 만듭니다. 사이트의 다른 위치에서 동일한 ID를 사용하는 것이 좋지만 같은 페이지에 동일한 ID가 두 개인 ID가 없는지 확인하십시오. 그 주제에 대한 많은 게시물이 있지만 다음은 좋은 시작입니다. http://stackoverflow.com/questions/84378/div-class-vs-id – jaywon

1

두 번째 사이드 바 div에 작은 줄이 있습니다. 둘째 줄을 제거해야합니다. 정확하게 같기 때문입니다. 두 사이드 바 div는 모두 id이며 HTML에서는 허용되지 않으며 ID는 각 페이지에서 고유해야합니다. 그래서 당신은 친구가 두 번 연결하는 것을 보지 못합니다.

0

어딘가에 소스 코드에서이 라인이 그 경계를 일으키는 원인이 있습니다

<div style="width: 276px; border: 1px solid rgb(136, 135, 134);" id="div-4699129216425402507"></div> 

당신은 그 경계 (선) 제거하기 위해 제거 할 수 있습니다.

0

흠, 두 번째 <div id="sidebar">...</div>을 제거해보세요. 이것은 회색 선을 유발합니다. 정의 상 고유 한 일부 ID가 마크 업에 두 번 이상 있기 때문에 많은 xhtml 오류가 발생합니다.