Removing spaces in every line of an image

[cocampo]

Newbie in HTMl here. This is for a 4x4 menu. How do I remove spaces on every row? Like there are spaces every next line.

Code: Select all

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><meta name="viewport" content="width=device-width, initial-scale=2, maximum-scale=5, user-scalable=0"> <!--disables ability to zoom on page -->
<style>#bottomDiv{position: absolute;
   bottom: 2%;
}
   body{background-image:url(hs.png);
      background-size:100%;
   }
   a{}
   a:visited{}
</style>


<div id="bottomDiv">.</div><div id="bottomDiv"><br></div><div id="bottomDiv"><br></div><div id="bottomDiv"><br></div><div id="bottomDiv"><br></div><div id="bottomDiv"><br></div><div id="bottomDiv"><br></div><div id="bottomDiv"><br></div><div id="bottomDiv"><br></div><div id="bottomDiv"><br></div><div id="bottomDiv"><br><br></div><div style="bottom: 85px; left: 2px;" id="bottomDiv">
<center>

   <a href="about.html"><img src="h1.png" width="25%"></a><a href="audio.html"><img src="h1.png" width="25%"></a><a href="video.html"><img src="h1.png" width="25%"></a><a href="resources.html"><img src="h1.png" width="25%"></a><a href="freereport.html"><img src="h1.png" width="25%"></a><a href="freeevent.html"><img src="h1.png" width="25%"></a><a href="gethelp.html"><img src="h1.png" width="25%"></a><a href="more.html"></a><img src="h1.png" width="25%"><a href="more.html"></a></center></div>

[patrickjdempsey]

Whenever you create a new <DIV>, it automatically creates a new line, I don't think you need those <BR> breaks.

You can't have 20 elements with the same ID. ID's have to be unique. If you want to style several elements the same you use a CLASS:

.bottomDiv{position: absolute;
bottom: 2%;
}

<div class="bottomDiv">stuff</div>