Problema centramento

[SelFDusT]

salve.
Sto lavorando con wordpress, ho creato un immagine di una macchina fotografica con lo schermo trasparente e sotto uno slider, come posso posizionarli?

[rhew90]

Vorresti posizionare la slide all'interno del monitor della fotocamera?

[SelFDusT]

Vorresti posizionare la slide all'interno del monitor della fotocamera?

Esattamente

[rhew90]

Devi utilizzare la proprietà position:absolute e sposti la slide con le varie distanze top right left bottom

    <style>
        .slide{
            position:absolute;
            top:30px;
            left:50%;
        }
    </style>

[SelFDusT]

Devi utilizzare la proprietà position:absolute e sposti la slide con le varie distanze top right left bottom

    <style>
        .slide{
            position:absolute;
            top:30px;
            left:50%;
        }
    </style>

ma poi non è responsive... E non si ridimensiona

[rhew90]

ma poi non è responsive... E non si ridimensiona

io per il responsive di solito utilizzo sulle immagini e sul div contenitore max-width:100%; height:auto

ma su wordpress non ho mai provato.

[Mich_]

Il position:absolute e` relativo all'oggetto contenitore se questo e` posizionato in modo relative o absolute.

Quindi per posizionare un'immagine sopra un'altra, si puo` utilizzare, e questo non pregiudica l'effetto responsive (purche` l'immagine non deva venir ridimensionata).

Quindi nel caso in questione, la "macchina fotografica" deve aver position:relative, e l'immagine position:absolute all'immagine. Poi per decidere cosa sta sopra e cosa sotto, si deve operare con lo z-index.