토론방

소스관련 flexslider_edit.css 문의

확인 가능한 전체 URL :http://dppa.wowhost.co.kr/main

 

제작 중인 홈페이지 입니다.

 

그룹디자인 중에 {GROUP_memernews} 와 {GROUP_spot} 에 사용 중인 flexslider_edit.css 와 flexslider_edit1.css 이 따로따로 적용이 되지 않고 

하나로 작동하고 있습니다. 소스를 아무리 봐도  flexslider_edit.css 와 flexslider_edit1.css  이 따로따로 적용되어있습니다.

 

확인 방법  {GROUP_memernews} 에서 아래 소스를 삭제 해보시면 메인 화면 두곳의 이미지에 양쪽 방양키가 없어지는 현상을 확인 하실수있습니다.

소스에러인지 저희가 못찾는 것인지 확인 부탁드립니다.

 

.flexslider .flex-direction-nav .flex-prev {opacity: 0; left: 0; background:url('/img_up/shop_pds/dppa/design/main/flex-prev.png') left no-repeat; }
.flexslider .flex-direction-nav .flex-next {opacity: 0; right: 0; text-align: right;  background:url('/img_up/shop_pds/dppa/design/main/flex-next.png') right no-repeat;}
.flexslider:hover .flex-direction-nav .flex-prev {opacity: 0.9; left: 0; background:url('/img_up/shop_pds/dppa/design/main/flex-prev.png') left no-repeat; }
.flexslider:hover .flex-direction-nav .flex-next {opacity: 0.9; right: 0; text-align: right;  background:url('/img_up/shop_pds/dppa/design/main/flex-next.png') right no-repeat;}

게시글 공유 URL복사
댓글[2]

열기 닫기

  • P**M 2014-07-17

    저희쪽에서 보기에는 css부분을 두개다를 로드를 시켰다고 하더라도 클래스명이 동일하기 때문에 발생하는 증상인것 같습니다. 

     

    첫번쨰 이미지가 GROUP_spot 관련 소스이고 두번째가 GROUP_memernews의 소스부분입니다. 

    두개다 동일하게 flexslider이라는 클랙스를 가지고 있는 상황이기 때문에 css부분을 제대로 구분을 하지 못하는 증상인것 같습니다. 

     

    이 경우 css 클래스명을 다른게 수정처리를 하시면 아마 정상적으로 동작이 되지 않을까 싶습니다. 

    메인에서 소스보기를 하면

    <link rel="stylesheet" type="text/css" href="/img_up/shop_pds/dppa/design/flexslider_edit.css" />
    <link rel="stylesheet" type="text/css" href="/img_up/shop_pds/dppa/design/flexslider_edit1.css" />

     

    위와 같이 css가 정의가 되어있습니다. 

    이렇게 정의가 되어있으면 flexslider_edit1.css가 적용이 될겁니다. 

     

    따라서 css 클래스 명을 한쪽에는 다르게 변경처리를 해주시면 될것 같습니다. 

     

     

  • 임**래 2014-07-17

    답변 감사합니다.

    말씀하신것 처럼 flexslider 지금 여러번 처리 해봤습니다. 

    적용이 되지 않습니다. 확인 한번 부탁드립니다.

    감사합니다.

     

댓글작성

열기 닫기

댓글작성
top