묻고답하기

홈페이지를 위해서 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 남기남
PLS 레이아웃 저장시 설정이 다 날라감 [1] 2019.07.22 by 빈터
미스터부엉 레이아웃 추가가 안되요! [1] file 2019.07.22 by DoorWeb
다랑어84420 이미지 삽입기를 통해 이미지 삽입 후 엑박이 뜹니다. [2] 2019.07.22 by SimpleCode
이주연743 Fatal error: Class 'Object' not found in /home/genulee0/public_html/xe/widgets/coinslider/coinslider.class.php on line 263 [3] 2019.07.21 by 이주연743
이주연743 웹사이트가 안되는데 잠깐 봐 주시겠어요? [8] 2019.07.21 by 이주연743
min 데이터이전시 파일명 변경되는 문제 [3] 2019.07.19 by sejin7940
infight**** xe 디버깅 문의 [2] 2019.07.18 by infight****
프리뷰 라이브스포츠방송 설치방법을 알고싶습니다 [1] 2019.07.17 by DoorWeb
보람 레이아웃편집이 안됩니다 [6] file 2019.07.17 by DoorWeb
yu**** xe admin은 접속불가능하고 사이트게시판만 관리할 수 있도록 하는 게 가능한가요? [2] 2019.07.17 by yu****
보람 서버에 설치된 환경을 확인하는 법 [2] file 2019.07.17 by 보람
infight**** 다국어로 작성한 게시판이 메인 페이지에서 안나오는 문제 문의 [4] 2019.07.16 by infight****
yu**** RSS 통합피드 사용체크, 게시판 피드관리 전체공개했는데도 피드기능이 잠겨있다고 뜹니다.  
so****483b1 사이트 메뉴 이름 한글명 입력 오류  
LYG 저작권 관련하여 질문 한가지 드립니다 [5] 2019.07.15 by 봄비
AimJin 스마트폰 네이버어플 브라우저에서만 내용이 안나와요. [1] 2019.07.15 by DoorWeb
MIC 회원그룹지정에서 [1] 2019.07.13 by DoorWeb
MIC default 레이어에서 서브메뉴가 보이지 않습니다. [2] file 2019.07.13 by MIC
행복안락 XEDITION 슬라이드 화면축소해도 이미지 중앙에 놓기 문의드립니다. [6] file 2019.07.13 by DoorWeb
SSUN 게시판에 진행상태를 넣기 [3] file 2019.07.12 by DoorWeb
153 관리자페이지 접속 불가와 게시판 사진 업로드 오류 질문드려요 [8] file 2019.07.12 by 153
희진 안녕하세요 ! 고수분들 한번만 봐주세요 [1] 2019.07.12 by SimpleCode
BJVolvo이현석 회원 정보 관리 애드온 [3] 2019.07.12 by 우주학개론
동혀니 오목 모듈 비싸게 구합니다. [1] 2019.07.11 by sejin7940
Julian 주소 리다이렉션 문제 [5] 2019.07.11 by 우주학개론
희진 안녕하세요ㅠㅠ! 도와주세요 ㅠㅠ [2] 2019.07.11 by 우주학개론
하이 콘텐트 위젯 주소 관련 문의드립니다. [4] 2019.07.11 by 하이
영꼬쨩 관리자 페이지가 이상하게 뜨는데 봐주세요. [1] file 2019.07.10 by SimpleCode
infight**** 누리고 쇼핑몰 구매옵션 오류 문의 [2] 2019.07.10 by 우주학개론
infight**** 누리고 쇼핑몰 추가 등록폼 관리 문의 [2] file 2019.07.10 by infight****