TheVoidChaos
Reputation: 131
How do I get rid of the extra padding on these images?
I have been trying to make a small game, where I ran into a error.
body{
font-family: 'Raleway', sans-serif;
margin: 0;
}
#title{
text-align: center;
font-size: 96px;
margin-bottom: 5px;
}
.boardpic{
margin: 0;
padding: 0;
width: 32px;
height: 32px;
}
#board{
background-color: black;
padding: 3px;
width: 512px;
height: 512px;
}<html>
<head>
<title>
Drawify | 0.0.1
</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link href="https://fonts.googleapis.com/css?family=Raleway:700" rel="stylesheet">
</head>
<body>
<h1 id="title">
Drawify
</h1>
<div id="container">
<div id="board">
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
</div>
<div id="colorpicker">
</div>
</div>
<script src="code.js">
</script>
</body>
</html>As you can see above, the images still have padding, even though I set their margin and padding to 0. (I just realized that the images don't load as they are local. It is just a 32x32 image of white.)
Upvotes: 1
Views: 37
Answers (2)
Vikash Mishra
Reputation: 341
Use float property. It will be better to use a float:right in your css to make the white spaces go away. Please have a try
.boardpic{
margin: 0;
padding: 0;
width: 32px;
height: 32px;
float:right;
}
Upvotes: 0
repzero
Reputation: 8412
Quick trick
set a font-size:0 on the board
#board{
background-color: black;
padding: 3px;
width: 512px;
height: 512px;
font-size:0
}
Snippet
body{
font-family: 'Raleway', sans-serif;
margin: 0;
}
#title{
text-align: center;
font-size: 96px;
margin-bottom: 5px;
}
.boardpic{
margin: 0;
padding: 0;
width: 32px;
height: 32px;
}
#board{
background-color: black;
padding: 3px;
width: 512px;
height: 512px;
font-size:0;
}<html>
<head>
<title>
Drawify | 0.0.1
</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link href="https://fonts.googleapis.com/css?family=Raleway:700" rel="stylesheet">
</head>
<body>
<h1 id="title">
Drawify
</h1>
<div id="container">
<div id="board">
<div class="line">
<img class="boardpic" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSzQljZiYwAlULvViQAWNnBaIz4r_61X09p2lcgZCTVrEBN4Rot" />
<img class="boardpic" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSzQljZiYwAlULvViQAWNnBaIz4r_61X09p2lcgZCTVrEBN4Rot" />
<img class="boardpic" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSzQljZiYwAlULvViQAWNnBaIz4r_61X09p2lcgZCTVrEBN4Rot" />
<img class="boardpic" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSzQljZiYwAlULvViQAWNnBaIz4r_61X09p2lcgZCTVrEBN4Rot" />
<img class="boardpic" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSzQljZiYwAlULvViQAWNnBaIz4r_61X09p2lcgZCTVrEBN4Rot" />
<img class="boardpic" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSzQljZiYwAlULvViQAWNnBaIz4r_61X09p2lcgZCTVrEBN4Rot" />
<img class="boardpic" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSzQljZiYwAlULvViQAWNnBaIz4r_61X09p2lcgZCTVrEBN4Rot" />
<img class="boardpic" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSzQljZiYwAlULvViQAWNnBaIz4r_61X09p2lcgZCTVrEBN4Rot" />
<img class="boardpic" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSzQljZiYwAlULvViQAWNnBaIz4r_61X09p2lcgZCTVrEBN4Rot" />
<img class="boardpic" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSzQljZiYwAlULvViQAWNnBaIz4r_61X09p2lcgZCTVrEBN4Rot" />
<img class="boardpic" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSzQljZiYwAlULvViQAWNnBaIz4r_61X09p2lcgZCTVrEBN4Rot" />
<img class="boardpic" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSzQljZiYwAlULvViQAWNnBaIz4r_61X09p2lcgZCTVrEBN4Rot" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
<div class="line">
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
<img class="boardpic" src="images/white.png" />
</div>
</div>
<div id="colorpicker">
</div>
</div>
<script src="code.js">
</script>
</body>
</html>Upvotes: 2
Related Questions
- Unexplained white space on right side of two images within a div. How to remove
- How to remove padding from images
- How to remove image padding that is showing up unintentionally?
- Removing spacing in Images
- Extra spacing below image, How can i remove it?
- How do I get rid of the white space under and above image
- Why are there spaces between these images?
- Where's the extra space coming from in these images?
- How to get rid of spaces between images in CSS?
- Why have my images got extra spacing?