入れ替え画像をjavascriptで移動する

-7

自分のサイトのロゴを別の画像に置き換えましたが、私が作成したヘッダー内の正しい位置にはありません。私はパッディングやマージンでイメージを解決しようとしました。イメージをヘッダーの左側に移動するにはどうすればいいですか？ここで入れ替え画像をjavascriptで移動する

は、サイトの見落としです：

以下のスタイリングは、画像に適用されています：

position: absolute; 
height: 120px; 
width: 100px; 
margin: 0px 200px 0px 0px; 
border: 0; 
display: block; 
color: -webkit-link; 
cursor: auto; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;

元のHTMLは画像あなたにはJavaScriptによって編集されています私は上記のjavscriptしか使用できません。これは、JQueryを避けてCSSを使用しないことを意味します。

出典

2016-12-02 J.Gold

[mcve] –

を入力してください。HTMLコードを表示できますか？コードを見ることなく、HTML構造に応じて-100pxまたは0：0を左に設定するように指示することができます。 –

ヘッダに 'position：relative'がある場合は、' top：0;左：0; 'をイメージCSSに追加し、それをヘッダの左上に配置します – mhodges

"position：absolute;"のために、「左：50px;上：10px」のようなものを使用する必要がありますそれを動かす。

出典

2016-12-02 21:32:21

要素の参照点などのサポート情報を追加してください。何から50px？何から10px？これは 'position：absolute'を使用する際に重要な違いであり、意図したとおりに動作するためには特定の階層構造を必要とします。 – mhodges

うん、あなたはそこの頭のところでちょうどそれを打つ。私はdivを使って絶対的に使用していたので、左上と左上を使わなければならないことに気がつかず、パディングとマージンを使用してそれらの位置を変更していました。ロッキー・シムズと助けを借りてくださった皆様、ありがとうございます。D –

質問がhtml構造を提供していれば、その文脈の中で私の答えを説明します。なぜなら、「パディング」と「余白」がイメージを全く動かさない理由が不思議に思うように聞こえるように聞こえるので、「上」と「左」を試してみることを提案しました。 –

入れ替え画像をjavascriptで移動する

答えて

関連する問題