묻고답하기

  2. Support
  3. 묻고답하기

힘들게 홈페이지 HTML 섹션을 만들었는데 적용이 잘 안되네요

2018.12.12 07:12

jungle

홈페이지를 위해서 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 남기남
DJinside db.config.php 를 재생성하려면? [1] 2011.11.02 by 지연아빠
calko 1.5.0.8 사이트 접속 시 기본모듈 지정 방법? [1] 2011.11.05 by YEARNING
DJinside 텍스타일 요약공개로 바꾸려고 하는데 에러가 납니다.  
Goos 1.5로 만들기 시작한 사이트, 1.4로 다운그레이드 가능할까요? (소셜xe문제 포함)  
류중근 구 버전 게시글 가져오는 요령이 궁금합니다. [1] 2011.11.21 by 리프트
PRC 쉬운설치로 업데이트 후 500에러 [1] 2011.11.21
아라비카21 스케치북5 스킨의 웹진 목록 질문드립니다. file  
Newit 1.4버전에서 최신버전으로 업그레이드 했는데. 글씨가 몇 개의 게시판에서 깨져요. file  
HoDong zb4.1 에서 XE1.5.1.2로 회원정보 및 게시판 데이터 db 이전시 추출한 xml 데이터가 이전이 모두 완료가 안될 때 어떻게 해야 하나요?ㅠ  
JEDI 테마의 게시판 스킨을 적용 시키는 법  
푸른홈 회원정보수정에서 한자로 깨져 나오는 것 수정할 수 없나요? [2] file 2012.02.05 by CMD
포토올/wow [스켓치북5 목록형 링크전용 게시판]어느 부분을 어떻게 수정해야 하나요?? [1] 2012.03.10 by 익멍
fvwsj XE 업데이트 후 이상 [1] 2012.04.12 by 송동우
패트릭 xe 1.5 x 번전 페이지 하나를 못만들겠네요...쌩초보.ㅠㅠ [1] 2012.06.14 by 송동우
류중근 어느 정도 시간이 지나면 로그아웃돼 버리는데 계속 유지할 순 없을까요? [2] 2012.06.16 by 류중근
naverman 글을 올리면 글이 가운데로 정렬, 굵게 나오네요.  
페라아빠 1.4.5 버젼에서 SSL 로그인은 문제가 있는 건가요? [1] 2012.08.15 by 카이닉스
유형익 도와 주세요...ㅠㅠ file  
유형익 좀 도와주세요...ㅠㅠ [1] 2012.08.21 by jjjnnn
마드모아젤쑤 500 서버에러가 납니다  
태그 쓰기