Thread: Image (net niet) centreren
-
29-06-2013, 01:05 #1Approved 9liver
- Registered
- 21/08/02
- Location
- Roeselare
- Posts
- 4,474
- iTrader
- 15 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 1/35
Image (net niet) centreren
Hallo
Ik wil mijn image centreren (horizontaal en verticaal), maar dan toch net weer iets naar boven ...
Centreren lukt me natuurlijk, met de 500 biljoen hits op google, maar dan wil ik bvb 10% van de schermhoogte weer ophoog.
Iemand hulp?no votes
-
-
29-06-2013, 11:48 #2
Hangt ervan af welke techniek je gebruikt, maar dikwijls geef je gewoon een negatieve margin-top van 10%.
no votes
-
29-06-2013, 13:05 #3Deactivated user
- Registered
- 14/08/10
- Location
- Diest
- Posts
- 2,419
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 8/16
Edit this Fiddle - jsFiddle
Code:img { position: absolute; left: 50%; top: 40%; margin-left: -175px; /* breedte afbeelding / 2 */ margin-top: -75px; /* hoogte afbeelding / 2 */ }no votes
-
29-06-2013, 14:33 #4Approved 9liver
- Registered
- 21/08/02
- Location
- Roeselare
- Posts
- 4,474
- iTrader
- 15 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 1/35
no votes
-
29-06-2013, 14:53 #5Deactivated user
- Registered
- 14/08/10
- Location
- Diest
- Posts
- 2,419
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 8/16
Dat gaat ook: Edit this Fiddle - jsFiddle
Code:$("img").each(function () { var $this = $(this), mL = -$this.width() / 2, mT = -$this.height() / 2; $this.css({ "margin-left": mL, "margin-top": mT }); });no votes

