묻고답하기

홈페이지를 위해서 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 남기남
쪼리짱 게시판 첨부파일 업로드시 100% 이후 파일 업로드가 안됩니다. [2] file 2019.04.10 by SimpleCode
이와이 특정 페이지의 영문으로 바로 가는 링크 [1] 2019.04.10 by sejin7940
음메 페이지 비공개 [1] 2019.04.10 by SimpleCode
BarryWhite 회원 가입 시 버튼 누르면 서버오류가 뜨네요. [1] file 2019.04.09 by BarryWhite
동혀니 모바일 페이지 도움주실분 찾아요.  
『나』『na』 게시판 가로스크롤을 없애는 방법좀요.. [2] 2019.04.09 by 생크림
incation 첨부파일 순서 좀 바꾸고 싶음 file  
Hees 게시판 썸네일목록은 출력되는데 클릭하면 게시물 내용이 안나옵니다. [2] file 2019.04.08 by Hees
천하무적c8ea4 '요청한 파일을 찾을 수 없습니다.'라는 메세지 나옵니다.  
베니 네이버 애널리틱스 수집이 안되네요;; file  
PAIN php로 포인트저장 [5] 2019.04.06 by PAIN
윈터서버 https://woto.net/ 웹호스팅 업체 설치문제 [4] 2019.04.06 by 우주학개론
nong 알려주세요  
바보멍청이 데이터 이전 툴 - php.ini 환경설정에서 원격지의 파일을 열지 못하도록 되어 있습니다. [10] file 2019.04.05 by 디자인클립
chorok 무슨 기반으로 제작된 사이트일까요? [1] file 2019.04.05 by 디자인클립
rail_man 회원가입시 이메일 인증 [1] 2019.04.05 by sejin7940
댄져러스 탈퇴방법좀 해외사이트 이것좀해석해주세요 file  
결이아빠 ssl 문제가 확실한데..어떻게 해야할지..  
결이아빠 어떻게 수정하면 될까요?  
이퓨 회원가입 select 폼 형식 입력값 불러오기 질문 file  
한이흔 이미지 첨부 후 본문 삽입시 문제...몇일째 해결이 안돼여.. [1] 2019.04.02 by 결이아빠
일과여행 카톡으로 도메인을 전송하면 자동으로 나오는 이미지를 바꿀 수 없나요? [1] file 2019.04.02 by 디자인클립
모로지로 홈에 문서 이미지 넣기 문의드려요.. [2] 2019.04.02 by 모로지로
소라db952 cycle-pager 배너에 a 링크를 걸면 배너 이미지가 풀려요ㅠ [2] 2019.04.02 by 소라db952
검은고양이냐옹 레이아웃 스킨의 메뉴에 선을 하나 긋고 싶어요.. [5] file 2019.04.02 by DoorWeb
Krazee content 위젯 사진 교체 방법?? [1] file 2019.04.01 by 디자인클립
개다 익명 게시판일 때 푸시가 오면 상대방 닉네임이 노출되더라구요  
세걸 네이버 아이디 로그인 [1] 2019.04.01 by sejin7940
세걸 ssd HHD 조합으로 웹서비스 설정 [1] 2019.04.01 by 세걸
개다 홈이 로딩도 느리고 무거운 느낌인데 [1] file 2019.04.01 by 세걸