2017-03-15 5 views
-6

怒鳴るコード(HTML/CSS)を見つける - 私はすることができ、特定のDIVを移動しようとしているが、ないことを - 私はブートストラップ要素にできない

使用していることに注意してください

HTML - 問題は、divのIDである「PlayerMain 「それは、事前にページの中央に

body { 
 
    background-image: url('../images/dis_bg.png'); 
 
    background-repeat: no-repeat; 
 
    text-align: center; 
 
    align-content: center; 
 
} 
 

 
.whiteBorder { 
 
    display: inline; 
 
    background-color: white; 
 
} 
 

 
.allPage { 
 
    text-align: center; 
 
} 
 

 
.blueFont { 
 
    color: blue; 
 
} 
 

 
#efi { 
 
    max-width: 100%; 
 
    height: auto; 
 
    display: block; 
 
    position: absolute; 
 
    bottom: 20%; 
 
    top: 20%; 
 
    right: 10%; 
 
    z-index: 30; 
 
} 
 

 
.h1Border { 
 
    width: 1500px; 
 
    background-color: white; 
 
    border: none; 
 
} 
 

 
.loginButtonImg { 
 
    margin-top: 10px; 
 
} 
 

 
.loginButtonImg:hover { 
 
    cursor: pointer; 
 
} 
 

 
@media (max-width: 768px) { 
 
    .mobile-only { 
 
    display: none !important; 
 
    } 
 
}
<script src="SCRIPT/JS/site.js"></script> 
 
<link href="SCRIPT/Bootsrap/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet" /> 
 
<link href="SCRIPT/Bootsrap/bootstrap-3.3.7-dist/css/bootstrap-theme.css" rel="stylesheet" /> 
 
<link href="CSS/site.css" rel="stylesheet" /> 
 
<script src="SCRIPT/Jquery/jquery-3.1.1.js"></script> 
 
<script src="SCRIPT/JS/site.js"></script> 
 
<script src="SCRIPT/Bootsrap/bootstrap-3.3.7-dist/js/bootstrap.js"></script> 
 

 
<div class="container-fluid"> 
 
    <div class="row whiteBorder"> 
 
    <section class="col-xs-12"> 
 
     <div> 
 
     <h1 class="blueFont">דודי,<br /> text, <br /><b>text</b>text</h1> 
 
     </div> 
 
    </section> 
 
    <section class="col-xs-12"> 
 
     <div> 
 
     <img src="images/efi.png" id="efi" class="mobile-only center-block" /> 
 

 
     <div id="treepodiaPlayerMain" class="center-block"></div> 
 
     </div> 
 
     <a href="https://someLink.com"><img src="images/login.png" class="img-responsive center-block loginButtonImg" /></a> 
 
    </section> 
 
    </div> 
 
    <section class="row"> 
 
    <div class="col-xs-12"> 
 
     <img src="images/bottom_icons.png" class="img-responsive center-block" /> 
 
    </div> 
 
    </section> 
 
</div> 
 

 
<script type="text/javascript" src="//someScript.js"></script>

感謝を移動することができません!

+0

あなたのJSはどこにあるのそれを再度確認してください? –

+2

ようこそスタックオーバーフロー! 、[ツアー]を取るの周りを見て、特に、[ヘルプ]を読ん[*私は良い質問をするにはどうすればよい?*](/ヘルプ/ハウツー・アスク)としてください* [MCVE] * 。また、唯一の実行可能** **例については、スタックスニペット( '[<>]'ツールバーボタン)を使用してください。あなたはそれが実行可能にしない場合は、単にコードブロック( '{}'ツールバーボタン)を使用します。 –

+0

jsがbellowfunctionのは、init(プレーヤー){参照、関数のみです player.show({// 必須パラメータ アカウント: "コード"、 SKU: "225544448896"、 幅:900、 高さ:506、 コンテナ: "treepodiaPlayerMain"、 //オプションパラメータ SHOWTIME:真、 ポップアップ:偽、 showPoster:真、 showJumboPlay:真、 自動再生:偽 }); } - 私はちょうどの位置に変更し、CSSからEFIを削除するように言っていないです残念ながら、EFIはこのdiv要素をオーバーラップする必要があるイメージであり、この属性を削除し、私は重複効果 –

答えて

0

私はあなただけの位置を削除スニペットを示しています。絶対。 cssからあなたがid #efiを書いています。そして

+0

関数名を変更したことに注意してください:初期; –

+0

を失うことになる –

関連する問題