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

padding 소스가 안먹히는데 봐주실래욤? 채택완료

블루블랙 6년 전 조회 2,398

 

위의 이미지의 padding-bottom 을 아무리 늘려도

아래 이미지처럼 배너 사이가 벌어지지않습니다;;

이거 해결책이 어떤게 있을까요?

 

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

답변 3개

채택된 답변
+20 포인트
o
6년 전

#ban a{display:inline-block;} #ban img{padding-bottom:10%;} #ban a:last-child img{padding-bottom:0%;}

 

last-child 부분을 변경해 보세요

 

참조 ) 그리고 높이 %를 사용하시려면 

스트립트를 이용하시면 됩니다.

그리고 #ban a:last-child img{padding-bottom:0% !important;}

jQuery(document).ready(function(){     jQuery("#ban img").each(function(){         var padding_bottom=parseInt(jQuery(this).height() / 10); //이미지의 10%          jQuery(this).closest("a").css("padding-bottom", padding_bottom);      }); });  

 

 

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

답변에 대한 댓글 1개

블루블랙
6년 전
답변감사합니다 답변주신내용들을 참고하여 해보니 해결되었어요 감사드립니다

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

a 태그속성에 넣어주셔야합니다.

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

답변에 대한 댓글 1개

블루블랙
6년 전
답변감사합니다 답변주신내용들을 참고하여 해보니 해결되었어요 감사드립니다

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

s
sinbi Expert
6년 전

padding은 안,

margin은 밖.

 

각각의 이미지에 클래스를 부여 후,

해당 클래스에 대해서 미디어 속성으로 적용할 범위 지정 후,

margin이나 positon:relative 이용해 조절해 보세요.

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

답변에 대한 댓글 1개

블루블랙
6년 전
답변감사합니다 답변주신내용들을 참고하여 해보니 해결되었어요 감사드립니다

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

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

로그인