묻고답하기

  2. Support
  3. 묻고답하기

불러온 외부페이지에서 css/js가 적용되질 않습니다ㅠㅠ

2011.11.17 18:05

아라비카21

xe : 1.5.0.8

 

jquery 이미지 슬라이드가 포함된 외부페이지를 하나 만들어서 xe로 불러오는부분까진 성공을 했는데,

외부페이지에서 참조하는 css랑 js파일이 먹통이네요.

css랑 js랑 불러온 html과 동일 폴더에 넣어두었는데, 어느 부분이 잘못 된건지 아래 코드 한번 확인부탁드립니다.

 

 

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8;">
 
<style type="text/css"> 
            /*A.roll img {display:block; border:0;}
            A.roll img.over {display:none; border:0;}
            A.roll:hover {border:0;}
            A.roll:hover img {display:none; border:0;}
            A.roll:hover img.over {display:block; border:0; }
   
   
   body{font:12px "맑은 고딕", "나눔고딕", Verdana, sans-serif; padding:0 10px;}
   a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:0px solid #416CE5;}
   h2{font-size:13px; margin:15px 0 0 0;}*/
         
   body{font:14px "맑은 고딕", "나눔고딕", Verdana bold; padding:0 10px; border:0px;}
   a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:0px solid #416CE5;}
   
   h2{font-size:13px; margin:15px 0 0 0;}
  </style>
        <link rel="stylesheet" href="colorbox.css" />
        <script src="jquery.min.js"></script>
        <script src="jquery.colorbox.js"></script>
  <script>
            $(document).ready(function(){
                //Examples of how to assign the ColorBox event to elements
                $(".group1").colorbox({rel:'group1'});
                $(".group2").colorbox({rel:'group2', transition:"fade"});
                $(".group3").colorbox({rel:'+
 'group3', transition:"none", width:"75%", height:"75%"});
                $(".group4").colorbox({rel:'group4', slideshow:true});
                $(".ajax").colorbox();
                $(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344});
                $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
                $(".inline").colorbox({inline:true, width:"50%"});
                $(".callbacks").colorbox({
                    onOpen:function(){ alert('onOpen: colorbox is about to open'); },
                    onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
                    onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
                    onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
                    onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
                });
                
                //Example of preserving a JavaScript event for inline calls.
                $("#click").click(function(){ 
                    $('#click').css({"background-color":"#0f0f0f", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
                    return false;
                });
            });
        </script>
 
 
</head>
 
 
 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div style="width:200px;float:left;height:auto;">
본문내용........
</div>
</body>
</html>

태그 연관 글
  1. [2018/03/17] 묻고답하기 CSS ㅡ divA 안에있는 하위 divB 의 크기를 divA 보다 넓게 보이게 하려면 by forest535 *2
  2. [2016/09/13] 묻고답하기 제목에 html, css 가능하도록 하기? by lifema**** *2
  3. [2016/06/30] 묻고답하기 xe 1.4.0버전 사용중입니다 by starship *1
  4. [2016/05/20] 묻고답하기 Node.JS html로의 데이터 전송 여부 질문입니다. by klp****
  5. [2016/01/05] 묻고답하기 ie10, 11번전 css문제 by deok
, , , 이 게시물을
좋아요
목록
태그 쓰기