Honderd plaatjes tegen elkaar

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

- SanThe -

- SanThe -

14/12/2011 21:28:21
Quote Anchor link
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

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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;
}
Gewijzigd op 14/12/2011 21:28:40 door - SanThe -
 
PHP hulp

PHP hulp

25/02/2020 23:01:20
 
Jaron T

Jaron T

14/12/2011 21:36:26
Quote Anchor link
Heb je toevallig een live voorbeeld? want aan de hand van deze code kan ik je niet helpen.
 
- SanThe -

- SanThe -

14/12/2011 21:40:57
 
Erwin H

Erwin H

14/12/2011 22:01:09
Quote Anchor link
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.
 
- SanThe -

- SanThe -

14/12/2011 22:07:03
Quote Anchor link
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.
 
Jelmer -

Jelmer -

14/12/2011 23:31:30
Quote Anchor link
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.
 
- SanThe -

- SanThe -

15/12/2011 01:21:15
Quote Anchor link
@Jelmer: Bedankt. Als ik line-height: 0 zet werkt het ook goed in Firefox.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.