묻고답하기

홈페이지를 위해서 XE 예제에 있는 섹션을 비슷하게 만들었는데 적용이 잘 안됩니다.

HTML/CSS/JAVASCRIPT 를 이용해서 만들었지만 가장 큰 문제는 CSS 인것 같습니다. 원래 있는 레이아웃 때문에 제가 만들어둔 CSS 가 무시당하는 것 같아요.

가장 큰 문제는 일단 폭이 100%가 아니고 오른쪽에 공간이 남아있고, 아이콘 이미지가 설정한 값이 무시되고 원래 있는 CSS 가 적용되는 것 같습니다. 따라서 크게 보이더라고요.

디자인은 XEDITION 기본값을 이용하고 있습니다. XE 설치하면 나오는 예제처럼 홈페이지 처럼 설정할 수 있는 방법을 알려주세요.

간단한 소스코드:


<head>
<style>
  .corevalue {
    width: 100%;
  }
  // CSS 생략
</style>

</head>


<section class="corevalue">
  <span class="noti">CORE VALUES</span>
  <h1 class="tit">제목</h1>
  
  <ul>
    <li>
      <div class="fe_box">
        <div class="fe_top">
         <img alt="Library-Books-256.png" data-file-srl="140" editor_component="image_link" src="[웹사이트 링크]/files/attach/images/136/136/bb50ff94f29f1fddb56f306d3deb45aa.png" class="ico"/>
          <h2>Knowledge</h2>
        </div>
        <div class="fe_bottom">
          <p>
튼튼하며, 황금시대의 더운지라 천하를 때문이다. 품었기 피가 피어나는 넣는 있는 얼음과 인도하겠다는 이것이야말로 이것이다. 열락의 청춘의 붙잡아 고행을 이 풀이 것은 얼마나 있다. 간에 이상이 찾아 그들을 위하여 싸인 없으면 날카로우나 꽃 힘있다.
</p>
          <a href="#" style="background-color: #FF7F50;">링크</a>
        </div>
      </div>
    </li>
// HTML 생략
  </ul>
</section>
  
  
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
  function getPaddingTop(obj) {
    return (obj.parent().parent().height() / 2) - (obj.height() / 2 );
  }
  
  $('.fe_top').each(function(i, obj) {
    // 자바스크립트 생략
    
  });
  
  // Animation
  jQuery(document).ready(function($) {
    var slideDuration = 1000;
    $(".fe_box").mouseleave(function(){
     // 자바스크립트 생략
    }).mouseenter(function(){  
      
      // 자바스크립트 생략
      
    });
});
  
  
</script>

원하는 화면

2018-12-12_01-07-00.gif

 

XE 페이지에서 나오는 화면

2018-12-12_01-07-57.gif

 

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
윤안젤로 파일업로드 : 크롬은 되는데 익스는 왜 안 돼나요?  
아데나 게시판 글을 쿼리해서 불러올때 데이터가 1건인 경우 오류 [7] 2019.06.04 by 제이와이엔소프트
죽방망이 웹뷰에서gfycat 영상이 안나오면 어떻게해야되나요 [1] 2019.06.04 by SimpleCode
준이 홈페이지 대표 썸네일은 어디서 바꿀수 있나요. [3] 2019.06.03 by 준이
준우 기본설치시부터 테마가 적용되어 나오지 않습니다. [1] file 2019.06.03 by LYG
jhc****06a74 고수분들께...혹시 랜덤으로 문제들이 나오게금 가능할까요? [1] 2019.06.03 by LYG
킹왕짱풉키 HTML을 건들수 없는 상황에서 CSS 디자인을 다르게 적용할 수 있을까요? [2] 2019.06.03 by LYG
기가 서브메뉴를 모르고 삭제했는데 복구하는 방법이 있나요 고수님 가르쳐 주세요 [1] 2019.06.02 by sejin7940
아데나 스케치북 특정그룹 사용자 확장변수 제거하기 file  
아데나 게시판의 분류탭마다 사용자정의를 다르게 할수있나요? [2] 2019.05.31 by 아데나
아데나 게시판 위젯을 수정하고싶은데... [2] 2019.05.31 by 아데나
꿈틀잉 확장변수(사용자정의) 날짜피커 질문드립니다. [4] file 2019.05.31 by 아데나
아데나 고수님들 부탁드려용 ㅠ 사용자정의 항목 디폴트값..  
미라클캣 코어업데이트 [5] 2019.05.30 by 미라클캣
Enki 위지위그 이미지 크기 조정방법 [1] 2019.05.30 by 제이와이엔소프트
hatali 멀티도메인 적용을 위한 선택은? xe와 라이믹스 [2] 2019.05.29 by hatali
아데나 게시판의 사용자정의 부분에 대한 문제 [1] 2019.05.29 by 아데나
인천한량 xe 복구도중 에러코드 설명좀 부탁 드립니다 [2] file 2019.05.29 by 인천한량
처음부터끝까지 php 페이지를 포함시키려고 하는대 플러그인은 없나요? [2] 2019.05.29 by 제이와이엔소프트
아데나 mysql의 rollup명령어 구분 [1] 2019.05.29 by 아데나
카카마 Kim Tajo님 xedition / 메인1 섹션 이미지 업데이트 방법 좀??  
Enki 댓글창이랑 댓글리스트 바꾸는 방법 [2] 2019.05.28 by Enki
Enki 추천버튼 비추천버튼 간격 띄우는법  
커피넉잔 core에 연결된 CDN 해제하는 방법을 모르겠습니다. [2] file 2019.05.28 by 커피넉잔
에그 관리자로 로그인하면 접속오류가 뜹니다.  
삐리삐리뽕 게시판 댓글 내용 [3] 2019.05.28 by 제이와이엔소프트
Enki 스케치북5 댓글 창 숨었다 내려가지는거 없애는법 file  
Enki rest부트스트랩이랑 simple스트랩 충돌문제인데  
개박사 사용 용도가 특이해서 문의 드립니다. [2] 2019.05.27 by 개박사
구름한점 특정 크롤링 봇과 일반사용자에게 각각 다른 화면을 보여줄 수 있을까요?