Kép középre igazítása

**tolerancia** · 2017-01-24, 13:53

Sziasztok!

Csak egy gyors CSS fixálásra keresnék segítséget.
Van egy DIV elemem, benne egy A és azon belül egy IMG.
A kép szélessége kitölti a div-et de olyan képeknél, ami magasabb mint a téglalap alakú div
(túl magas a kép), ott csak a kép felső része látszik. Ezt szeretném függőlegesen középre igazítani.

Már jó sokat szenvedtem vele és olvastam sok megoldást (még js-t is próbáltam) de csak nem akar összejönni a dolog

Tuti én bénázok, mert máskor, máshol már biztosan csináltam ilyet, de most meg itt nem akar működni a módszer.

Tudna esetleg valaki segíteni? Linket küldök privátban.

Köszönöm!

**earnnet** · 2017-01-24, 14:02

ugy egyszerubb lenne ha hatternek allitanad be, es az A tag helyett onclick esemenyt hasznalnal, igy csak egy elemre kell nezni a css-t, joval kevesebb vele a szivas.

HTML kód:

div { 
    background-image: url('kep.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
    cursor: pointer;
}

**tolerancia** · 2017-01-24, 14:27

Igen, csak az a baj, hogy egy szép animáció is nehezíti a munkámat.
Így a háttérként való beállítással az nem működne.
Azért köszönöm, hogy segíteni próbálsz!

**Karessz** · 2017-01-24, 15:04

A linknek add meg a hátteret és alakítsd át blockká így:

Kód:

a { 
    background-image: url('kep.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center; 
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

**hetes** · 2017-01-24, 18:29

Ha ismert a kép és a befoglaló div magassága és fontos hogy img tagként szerepeljen a forrásban, akkor negatív margin-toppal fel tudod csúsztatni.

Pl: 100 px magas divben egy 200 px magas képnél margin-top: -50px kell az img-re. A divre meg raksz egy overflow: hiddent. De a konkrét kódtól függetlenül lehetnek még szempontok.