Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    33

    Immagine posizionata rispetto al centro

    Ciao a tutti,
    sto facendo un sito e ho bisogno di posizionare un immagine in un posto strano, ho già parte di codice ma non riesco a sistemarlo.
    Praticamente ho questa immagine e voglio sistemarla a 700 dall'alto verso il basso e 400 dal centro verso sinistra, come devo fare?
    ecco il mio codice CSS:


    codice:
    #foto {
    	position: absolute;
    	top: ??px;
    	left: ??px;
    	width: 272px;
    	height: 313px;
    	background-image: url(foto-vecchia.png);
    	background-position: ??px ??px;
    	background-repeat: no-repeat;
    }
    La richiamo nella mia pagina così:
    codice:
    <div id="foto"></div>
    Ovviamente se metto dei valori a caso al posto dei punti interrogativi la vedo.
    Il mio problema è che vorrei che tenesse sempre la posizione anche ridimensionando la risoluzione..

    Grazie in anticipo!

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    se ho capito bene

    codice:
    #foto {
    	position: absolute;
    	top: 700px;
    	left: 50%;
            margin-left: 400px;
    	width: 272px;
    	height: 313px;
    	background-image: url(foto-vecchia.png);
    	background-position: ??px ??px;
    	background-repeat: no-repeat;
    }
    il background-position non ti serve se la foto ha le stesse dimensioni del div
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    33
    ah ok..e per il resto?

  4. #4
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    33
    ok grazie e in effetti non cambia nulla..
    non posso dargli un:
    codice:
    	
    center: -400px; 	
    top: 600px;
    o qualcosa di simile?

  5. #5
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    se lo vuoi 700px dall'alto
    scrivi top: 700px;

    se lo vuoi distanziato di 400px dal centro
    lo metti esattamente a metà (left: 50%) e lo tiri indietro di 400px (margin-left: -400px)


    il "resto" cosa sarebbe?
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  6. #6
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    33
    ah no cavolo, è vero, funziona!
    GRAZIE MILLE!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.