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

테두리 채택완료

사랑둥이 9년 전 조회 2,640
<style type="text/css" media="screen">
li, li img {list-style:none;float:left;overflow:hidden;}
li:hover {border:4px solid #f00;}
li:hover img {margin:-4px;}
</style>

개발자팀에서 얻은 소스인데...
위소스를 적용했을 때 좌 우 아래만 테두리가 생기고 위에는 없습니다. 무엇이 문제인가요?
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
다른 스타일을 상속받지 않았을까 싶네요.

안 나온다는 페이지 경로를 보여 주셔야 답변이 가능한 문젭니다. 

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

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

s
sinbi Expert
9년 전

li:hover img {margin:-4px;} 부분이 의심되네요. 0으로 수정해보세요. 

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

답변에 대한 댓글 2개

사랑둥이
9년 전
다 해봤는데..마찬가지예요. 그리고 상위 메뉴가지 테두리가 생겨서 하위 메뉴가 나타나지 않아
사용할 수 없네요...감사합니다.
그리고 박스가 적용된 곳은 모조리 테두리가 생깁니다.
홈짱
9년 전
그럼, 위 소스만으로는 문제가 없나보네요.

왕계란 님 말씀처럼, 클래스 중복으로 인해 다른 곳의 영향을 받는 것 같습니다
선택자를 아이디 부여해 고유하게 만들어 보세요.

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

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

로그인