묻고답하기

홈페이지를 위해서 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 남기남
brodmea 메인 페이지 HTTP 500 Error [3] 2019.01.04 by brodmea
퓨라 카메론 위젯에서 날짜부분을 올리고 싶어요. [1] file 2019.01.03 by 디자인클립
소시민4 홈페이지 메뉴 클릭시 제대로 안 넘어가는 문제 [1] 2019.01.03 by DoorWeb
문화사랑 500오류  
누들그라탕 상세설정 에서 상단 내용 [6] file 2019.01.02 by 하이하이데스
검은내일 서브메뉴 소스 질문 [6] 2019.01.02 by 검은내일
쟈니 sketchbook5 스케치북 아이콘 수정은 어디서 하나요? [1] file 2019.01.02 by sejin7940
쏘쏘쏘 회원정보보기 관련 [1] 2019.01.02 by sejin7940
enjoyfun 게시판에서 다른 사용자 글을 수정 할 수 있는 방법은? [2] 2019.01.02 by sejin7940
날제비 한글파일 깨지는 이유....문의 [2] 2019.01.02 by 날제비
서울갈매기 드롭다운 메뉴 서브메뉴 크기 변경 방법 질문좀 드릴게요 [1] file 2019.01.02 by DoorWeb
희망 XEDITION 레이아웃 헤더 스크립트 문제 [2] 2019.01.01 by 팔공산
잊혀진호돌이 회원 가입 폼 수정 문의 [1] file 2019.01.01 by 즈베즈다
CHOIe081a 모바일만 사용할수 있나요? [1] 2019.01.01 by DoorWeb
Hexa 로그인, 회원가입 부분만 MS-SQL을 쓸수 있나요?  
날제비 레이아웃 편집관련 문의 [3] file 2018.12.31 by DoorWeb
Koreareview CONTACT US 문구 수정법 알려 주세요~ [1] file 2018.12.31 by DoorWeb
이원태 카테코리 추출  
LAN 전문가님들 도와주세여 ... file  
엘리할배 sketchbook5 웹진형 섬네일 출력이 안됩니다. [1] 2018.12.28 by sejin7940
이봉교 반응형으로 홈페이지 만드려고 하는데요 모바일에 이미지는 왜 그대로죠? [2] 2018.12.28 by 이봉교
엘리할배 sketchbook5 설정 문의드립니다. file  
누들그라탕 홈페이지 접속 시 xe설치 화면 뜨는 문제 [1] file 2018.12.28 by sejin7940
백곰 삭제된 게시물을 볼 수 있는 방법 알려주세요 [1] 2018.12.28 by sejin7940
SJ_KK3 모바일에서 팝업2개가 안띄워집니다..  
787dreamliner 사이트 이전시 첨부파일 손상 [1] 2018.12.28 by 787dreamliner
정민이 특정화면에서 controller 응답값을 못받아 오는 이유  
상해파 xe 버젼 확인 방법은? [2] 2018.12.27 by 상해파
황마마 스케치북5 모바일 보드스킨 검색창이 안나오네요 [2] 2018.12.27 by 티지레몬
레전드 방문자의 접근을 혀용하고 싶습니다. [2] file 2018.12.27 by 레전드