ボタンの配置と配置の変更

Question

私は迷っています。私は何をしているのか分からないので、愚かなことを書いたり、あなたの答えを理解できない場合は、私を許してください。

私の目標は、ボタンをクリックした後にモーダルボックスを表示させることです。それは簡単な部分ですが、私はすでにそれを達成しました。私は、ボタンの外観を変更するにはどうすればよい

1）：

今

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal2

、私は何をするのか分からない：

基本的に、私はこのコードを使用していますか？イメージに変更することはできますか？ 私ができる唯一のことは、画像をボタンに置​​き（変わったように見える）、置き換えないことです。

2）ボタンの位置を変更するにはどうすればよいですか？ 私は画面の左側にいくつかのボタンを持っていたいと思います（ウェブサイトではなく画面です）。だから、私はそれらを左側に調整する必要があり、また、すべてのボタンの高さを変更する必要があります。

他のものを試してみると、ボタンの外観と位置が変更されました（スライドアウト）ので、可能です。しかし、コードは異なり、私はそれらを "マージ"する方法を知らない。最初のもので動作する線は別の線で動作しません。

私はそれがどの言語であるか全く分かりません。私は、このボタンを作成するためにこのcreateElementを使用していることを知っていますが、何かを変更する方法はわかりません。私は全体のw3schoolとこのサイトの多くのトピックを通過したが、私はこの知識を使用する方法を知らない - だから多分あなたは私を助けることができます。ありがとうございました！

Answer 1

イメージを使用してモーダルを開く場合は、ボタンタグを使用しないでください。イベントをimgに添付するだけです。サンプルコードを使用して

、交換してください：

<img id="myImg"></img> 

で

<button id="myBtn">Open Modal</button> 

をし、 "myImg"

var img = document.getElementById("myImg"); 
img.onclick = function() { 
    modal.style.display = "block"; 
} 

再配置がもう少しあることを行っているためにクリックイベントをattchあなたの完全なコードを見ることなく答えにくい。 W3Schoolsには初心者のためのCSSの紹介がありますので、そこから始めましょう。