1. Zuhause
  2. Frage und Antwort
  3. Wie kann ich die zusätzliche Füllung dieser Bilder entfernen?

Wie kann ich die zusätzliche Füllung dieser Bilder entfernen?

2017-04-02 4 views
1

Ich habe versucht, ein kleines Spiel zu machen, wo ich in einen Fehler geriet.Wie kann ich die zusätzliche Füllung dieser Bilder entfernen?

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>

Wie Sie oben sehen können, haben die Bilder noch Polsterung, obwohl ich ihre Marge und padding auf 0 gesetzt (Ich habe erkannt, dass die Bilder werden nicht geladen, wie sie sind lokaler Ebene. Es ist nur ein 32x32 Bild der weißen.)

lel

Quelle

2017-04-02 TheVoidChaos

+0

Mögliche Duplikat [Wie der Raum zwischen Inline-Block-Elemente entfernen?] (Http://stackoverflow.com/questions/5078239/how-to-remove-the-space-between -inline-block-elements) – Siguza

+0

Denke nicht. Ich könnte falsch sein, aber diese Bilder sind nur Blöcke, nicht inline. – TheVoidChaos

+0

In Bezug auf die Positionierung ist das das Gleiche. – Siguza

Antwort

2

Schnell Trick

Satz eine font-size:0 auf dem Brett

#board{ 
    background-color: black; 
    padding: 3px; 
    width: 512px; 
    height: 512px; 
    font-size:0 
}

Schnipsel

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>

Quelle

2017-04-02 02:36:05 repzero

0

Verwendung float property. Es wird besser sein, ein float:right in Ihrem CSS zu verwenden, um die Leerstellen zu entfernen. Bitte haben einen Versuch

.boardpic{ 
    margin: 0; 
    padding: 0; 
    width: 32px; 
    height: 32px; 
    float:right; 
}

Quelle

2017-04-02 02:37:05

Verwandte Themen

 Verwandte Themen