Eredmény: 1 - 6 (6) összesen

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

  1. #1
    Bölcs tolerancia logója
    Csatlakozott
    08-11-29
    Hely
    Szeged
    Hozzászólás
    509
    Begyűjtött 220 köszönetet
    109 hozzászólásával

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

    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!



  2. #2
    Bölcs earnnet logója
    Csatlakozott
    12-08-15
    Hely
    Budapest
    Hozzászólás
    1.824
    Begyűjtött 815 köszönetet
    578 hozzászólásával

    Alapbeállítás re: Kép középre igazítása

    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;
    }



    Utoljára módosítva: earnnet által : 2017-01-24 14:04

  3. Az alábbi felhasználók hálásak a válaszért:

    tolerancia (2017-01-24)

  4. #3
    Bölcs tolerancia logója
    Csatlakozott
    08-11-29
    Hely
    Szeged
    Hozzászólás
    509
    Begyűjtött 220 köszönetet
    109 hozzászólásával

    Alapbeállítás re: Kép középre igazítása

    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!



  5. #4
    Bölcs
    Csatlakozott
    12-08-31
    Hozzászólás
    1.032
    Begyűjtött 351 köszönetet
    239 hozzászólásával

    Alapbeállítás re: Kép középre igazítása

    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;
    }




  6. Az alábbi felhasználók hálásak a válaszért:

    tolerancia (2017-01-24)

  7. #5
    Mentor hetes logója
    Csatlakozott
    09-04-17
    Hozzászólás
    452
    Begyűjtött 73 köszönetet
    60 hozzászólásával

    Alapbeállítás re: Kép középre igazítása

    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.


    Az aláírás nem lehet hosszabb 100 karakternél kivéve a BB kód jelölőt.

  8. Az alábbi felhasználók hálásak a válaszért:

    tolerancia (2017-01-25)

  9. #6
    Bölcs
    Csatlakozott
    12-08-31
    Hozzászólás
    1.032
    Begyűjtött 351 köszönetet
    239 hozzászólásával

    Alapbeállítás re: Kép középre igazítása

    Ez csak akkor működik, ha minden képe egyforma magas és nem reszponzív az oldal. Az esetében mindkettő megdőlt.



  10. Az alábbi felhasználók hálásak a válaszért:

    tolerancia (2017-01-25)

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •