Archief - Image (net niet) centreren

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
S

SideShow

Legacy Member
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?
b

bealzebub

Legacy Member
Hangt ervan af welke techniek je gebruikt, maar dikwijls geef je gewoon een negatieve margin-top van 10%.
S

SideShow

Legacy Member
BramVroy zei:
Edit this Fiddle - jsFiddle

Code: 
img {
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -175px; /* breedte afbeelding / 2 */
    margin-top: -75px; /* hoogte afbeelding / 2 */
}
Klik om te vergroten...

ok, best een mooie oplossing maar dan moet ik voor een foto albumpje telkens de dimensies ophalen met javascript lijkt me
-

-BVR-

Legacy Member
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
    });
});
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan