묻고답하기

홈페이지를 위해서 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 남기남
검은내일 XE를 SSO구현하는데 질문입니다.  
HSHAM 오늘 갑자기 게시글이 하나도 안보입니다. [1] 2018.12.19 by sejin7940
NAMSOON 혹시 이부분 수정가능한가요? [2] file 2018.12.19 by NAMSOON
callipark 에러 메세지 해결 방법 문의드립니다. ㅠㅠ  
psjj**** 윈도우10에 설치할려고 합니다.  
권만주 이미지 리사이즈할 때 메타정보 살리는 방법 없을까요? [3] 2018.12.19 by 권만주
돼지꿈 지금, 관리자페이지 사이트디자인설정안되는거맞죠?  
쟈니 익명게시판에서 댓글 작성자 클릭시 댓글에 표시하게할수는 없을까요?  
쟈니 게시글 등록, 댓글 등록 단축키 [2] 2018.12.20 by 쟈니
개똥이다 모듈에 국가 코드중 중국어 추가 하면 오류가 납니다.  
FFLV 추천수 0이면 안뜨게 하고 싶은데 어떻게 해야 하나요? [2] file 2018.12.21 by FFLV
기광공 모바일 뷰에서 정상 화면이 나오게 하고 싶어요. [1] file 2018.12.21 by DoorWeb
검은내일 xe 템플릿 변수를 php로 옮기는 방법이 궁금합니다. [1] 2018.12.21 by 검은내일
아름드리나무 기본레이아웃 쓰는데요~ [2] file 2018.12.21 by 아름드리나무
가상 cashbook을쓰고 싶은데요 에러 [1] 2018.12.21 by sejin7940
구덱스 XE 글쓰기가 갑자기 안되네요. [2] file 2018.12.22 by 차니맘
키미즈 게시물이 어떤건 보이고 어떤건 안보입니다 [2] 2018.12.22 by 차니맘
상해파 xe에서 json 호출관련 문의 드립니다.  
베이스 업데이트 후 페이지수정 들어가면 저장버튼이 사라졌습니다. file  
tohappy 로그인 후 js호출문제  
enjoyfun 검색창 사이즈를 살짝 줄이고 싶어요 ㅠㅠ [1] file 2018.12.24 by DoorWeb
안느 jsp소스 -> php소스 변환 가능하실까요?  
soonpu**** xedition 오른쪽 메뉴 [2] file 2018.12.24 by soonpu****
dal 보안테스트에서 XSS 취약점 해결하라는데요...  
dkexpress 로그인 문제입니다. [1] 2018.12.26 by sejin7940
이택진 [포토샵-도트아트] 크기조절... [6] 2018.12.26 by 이전생
질투 글제목 옆에 사진 아이콘이 보이게 하는 방법이.. [2] file 2018.12.26 by 질투
웨마 마우스 롤오버시 목록이미지에 생기는... file  
쟈니 댓글 50개 이상 작성시 접기 file  
넓은바다 xe 모바일접속 통계볼려면 모바일 레이아웃에도 애널리틱스 코드 넣어야되나요? [1] file 2018.12.26 by 즈베즈다