ボディとフッタの間の不要なスペースを取り除く

こんにちは、私はCSSとHTMLのために新しいです。私はボディとフッタの間のスペースを削除する必要があります。どんな助け？私は段落と同じラインで画像を追加したいボディとフッタの間の不要なスペースを取り除く

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<title>Neotic</title> 

</head> 

<body> 
<div> 
<center><img src="{{STATIC_URL}}Neoticlogo.png" height="200" width="400" alt="Logo" ></center> 

<center> <font face="Arial" size="14.18" color=" #587974" >Beat the markets with AI </font></center> 

</div> 
</br> 
</br> 
<div class='row' style="background: #3CB371" > 
<div class="col-lg-4"> 

<p style=" color:#EDEDED; font-family: Arial; font-size:+9; padding-left: 90px; width:400px" align="justify"> Neotic is a trading support platform, that allows traders to test trading strategies and provides related trading recommendations leveraging artificial intelligence, without writing a single line of code.</p> 


</br> 
    <p style=" color:#EDEDED; font-family: Arial; font-size:+9; padding-left: 90px; width:400px" align="justify"> The artificial intelligence is based on a machine learning algorithm that incorporates corporate fundamentals, historical prices and financial news</p>

<b> <p style=" color:#EDEDED; font-family: Arial; font-size:+10; padding-left: 90px; width:400px" align="justify"> We are upgrading our services and revamping our brand</p> </b> 


</div>

<div class="well"> 
    <center> <p class="text-muted" style="color:#EDEDED; font-family: Arial; font-size:+2" >©2017 Neotic. All rights reserved </p> </center> 
</div> 
</footer> 


</body>

出典

2017-06-28 faro

あなたはJSFiddleとCSSを追加することはできますか？また、あなたのコードはなぜ分離されていますか？あなたが1つを作っていないので、手品をしている人のために多くのものを駄目にする。 – InvincibleM

ところで、HTML4 [

タグは推奨されていません]（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center）。マージンを使用するか、代わりに 'text-align：center;'を使用します。 –

@JamesDouglas私は自分のコードでJSFiddleを一緒に擦ったことができました。答えを投稿するつもりですが、間違っていれば私を修正してください... – InvincibleM

Oケーイ。すべての主旨...あなたのコードをすべて使い、最新のHTML5コードを使用してください。

私が提供した不適切なコードを使用して、私はJSFiddleを作成しました。

<div class="well"> 
    <center> <p class="text-muted" style="color:#EDEDED; font-family: Arial; font-size:+2" >©2017 Neotic. All rights reserved </p> </center> 
</div> 
</footer>

クラスwellとdivは何を知っている人の高さを持っていたので、私は、背景色と20ピクセルの高さを設定するとき、私はちょうどあなたの写真のような結果で出てきました。

PS：古い中心タグを削除し、text-align:;をdivスタイルに追加しました。 </br>タグが正しくないことを修正し、<br/>にリセットしました。あなたのコードに</footer>があるため、<footer>のような欠けている開始要素も追加しました。 Jamesとj08691のおかげで、<font>というタグも古くなっていると指摘しました。私はあなたのコードを修正しましたが、次回は古いHTMLタグをチェックしてください。

<title>Neotic</title> 
 
<body> 
 
<div> 
 
<img src="{{STATIC_URL}}Neoticlogo.png" height="200" width="400" alt="Logo" style> 
 

 
<h1 style="text-align: center;"> 
 
<font face="Arial" size="14.18" color=" #587974">Beat the markets with AI </font> 
 
</h1> 
 

 
</div> 
 
<br/> 
 
<br/> 
 
<div class='row' style="background: #3CB371" > 
 
<div class="col-lg-4"> 
 
<p style=" color:#EDEDED; font-family: Arial; font-size:+9; padding-left: 90px; width:400px" align="justify"> Neotic is a trading support platform, that allows traders to test trading strategies and provides related trading recommendations leveraging artificial intelligence, without writing a single line of code.</p> 
 
<br/> 
 
    <p style=" color:#EDEDED; font-family: Arial; font-size:+9; padding-left: 90px; width:400px" align="justify"> The artificial intelligence is based on a machine learning algorithm that incorporates corporate fundamentals, historical prices and financial news</p> 
 
<b> <p style=" color:#EDEDED; font-family: Arial; font-size:+10; padding-left: 90px; width:400px" align="justify"> We are upgrading our services and revamping our brand</p> </b> 
 
</div> 
 
<footer> 
 
<div style="background-color:#333; height:20px;"> 
 
<p style="font-family: Arial; font-size:+2; text-align:center;color:#fff;" >©2017 Neotic. All rights reserved </p> 
 
</div> 
 
</footer>

出典

2017-06-28 20:18:21 InvincibleM

これはうまく見えますが、OPがコードの正しい音を提供していないので、私たちは実際にはわかりません...とにかく、私はupvoteします。 –

ありがとうございます。すべてのOPは「私はボディとフッタの間のスペースを取り除く必要がある」と言った。だから私はその正しいことを願って – InvincibleM

あなたに本当に感謝してくれてありがとう。私は最近CSSを使用しており、もっと練習をする必要があります。 – faro

ボディとフッタの間の不要なスペースを取り除く

答えて

関連する問題