묻고답하기

홈페이지를 위해서 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] file 2019.05.07 by 디스케이션
처음부터끝까지 과거 2013년 설치했던 xe를 다시 설치하려고 합니다.... [1] 2019.05.06 by 처음부터끝까지
idh**** .htaccess 리다이렉션 질문 [1] 2019.05.05 by idh****
AimJin 하이퍼링크 열리는 방법 설정 문의드립니다. [10] 2019.05.05 by 제이와이엔소프트
AimJin 스크롤 내릴 경우 팝업되는 창 소스입니다. 모바일 크롬에서는 실행이 안되네요. [1] 2019.05.05 by DoorWeb
이윤형 xe게시판에 대해 [1] 2019.05.05 by DoorWeb
hatali 멀티도메인 사이트 메뉴 추가 작업 문의  
Enki 폼 태그 지우기 [2] file 2019.05.05 by Enki
산바라기 모바일용 메인페이지가 계속 변경됩니다. [3] file 2019.05.03 by DoorWeb
강민구930e8 결제하면 동시에 그룹 등업이 되는 기능 가능할까요? [1] file 2019.05.03 by 포포
일단덤벼 XE 관리자 회원 리스트 엑셀을 뽑고 싶습니다. [6] 2019.05.02 by 브레인630
RyanMoon 메일 보내기 기능 구현에 대한 질문 [4] 2019.05.02 by RyanMoon
kjiw**** 특정 게시판들의 깨짐 현상에 대해 문의드립니다. [2] file 2019.05.02 by kjiw****
산바라기 게시글 입력시 '스팸문자 사양합니다.' [2] file 2019.05.02 by 산바라기
hyun**** 에드온에서 적용할 모듈 선택이 가능하게 어떻게 해야 하나요 ? [1] 2019.05.02 by SimpleCode
스마일루 제로보드4-XE migration 툴 수정관련 (PHP도움 부탁드립니다)  
스마일루 제로보드4->XE이전시 이미지박스는? [3] 2019.05.01 by 스마일루
ysch**** 사이트가 깨졌을때... [5] 2019.05.01 by WhiteRose
손주사랑 게시판 이름 나오는 최근게시물 문의 드립니다 [2] file 2019.04.30 by 손주사랑
기마종족 관리자 로그인이 속썩이네요 [2] 2019.04.29 by 기마종족
이와이 게시판 글쓰기 - 업로드 분할방법 [1] file 2019.04.29 by sejin7940
roks821 S10 5G에서 크롬으로 로그인이 되지 않아요. 아시는 분? [2] 2019.04.27 by roks821
황인범 회원정보 보기 메뉴의 일부를 삭제하거나 게시판을 추가... [1] file 2019.04.26 by 디자인클립
정글범 스케치북 게시판 문제 file  
Happiness crash txt 파일 오류  
달려라흰둥아 게시판에 글쓰면 작은 프레임이 생겨요.. [1] file 2019.04.25 by LuisK
별빛 코어 업데이트 하면, 수정한 코드를 다시 수정해야 하나요? [4] 2019.04.25 by 별빛
이효선 로그인이 계속 안되니.. 답답해 죽겠어요.. [1] 2019.04.25 by sejin7940
rrryyy3 스샷 첨부했습니다. 모바일뷰 초기화면이 계속 나옵니다 ㅠㅠ file  
손주사랑 글씨가깨져서요 알려주시면 고맙겠습니다 [4] file 2019.04.24 by 손주사랑