Honderd plaatjes tegen elkaar
Hallo medePhpHulpers,
Ik heb een div met vaste maten. Nu wil ik daar honderd kleine plaatjes in zetten, maar geheel tegen elkaar aan. Tien naast elkaar en tien onder elkaar. Nu gaat naast elkaar prima, maar onder elkaar verschijnt er steeds een kleine kier/afstand. Hoe krijg ik deze ook tegen elkaar? Ik dacht dat je dat met margin en padding wel even weg zou krijgen.
SanThe
Ik heb een div met vaste maten. Nu wil ik daar honderd kleine plaatjes in zetten, maar geheel tegen elkaar aan. Tien naast elkaar en tien onder elkaar. Nu gaat naast elkaar prima, maar onder elkaar verschijnt er steeds een kleine kier/afstand. Hoe krijg ik deze ook tegen elkaar? Ik dacht dat je dat met margin en padding wel even weg zou krijgen.
SanThe
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
img
{
border : 0px;
width : 10%;
margin : 0px;
padding : 0px;
}
#bordlinks
{
position : absolute;
top : 10%;
left : 8%;
width : 40%;
margin : 0px;
padding : 0px;
background-color : yellow;
border : solid red 3px;
}
{
border : 0px;
width : 10%;
margin : 0px;
padding : 0px;
}
#bordlinks
{
position : absolute;
top : 10%;
left : 8%;
width : 40%;
margin : 0px;
padding : 0px;
background-color : yellow;
border : solid red 3px;
}
Gewijzigd op 14/12/2011 21:28:40 door - SanThe -
Gesponsorde koppelingen:
Heb je toevallig een live voorbeeld? want aan de hand van deze code kan ik je niet helpen.
http://www.test.santhe.nl/games/index.php
Klik op Zeeslag
Klik op Zeeslag
Door float: right (of left) toe te voegen in je css voor de img tags verdwijnen de gele regels. In elk geval in FF. Of het echt een antwoord is (of waarom) weet ik niet.
Hoi Erwin, in mijn (hele) oude Internet Explorer is het een zooitje, maar in Firefox staat opeens alles zoals ik wil. Gaaf. Als iemand nog iets beters weet hoor ik het graag, maar ik kan nu weer even vooruit.
SanThe.
SanThe.
De font-size op 0 zetten voor de <div> waar de plaatjes inzitten zou ook moeten werken, want wat je ziet zijn newlines.
Hmm, als het newlines zijn, dan zou line-height: 0 op diezelfde <div> ook de truc moeten doen.
Hmm, als het newlines zijn, dan zou line-height: 0 op diezelfde <div> ook de truc moeten doen.
@Jelmer: Bedankt. Als ik line-height: 0 zet werkt het ook goed in Firefox.



