Sfondo pagina posizione immagine
Autore: Ettore P.
Visite 684,
Followers 1,
Condiviso 0
Ciao. VERSIONE 13 EVO, ho inserito un'immagine come sfondo pagina e vorrei poterla posizionare, ad esempio, a 50px dal TOP, come faccio? Esiste una riga di codice dove inserire le coordinate? Di default è possibile posizionarla AL CENTRO, IN BASSO o IN ALTO.
Grazie in anticipo
Postato il
... non dovrebbe presentarsi necessità di spostamenti per lo sfondo...
... dovresti postare il LINK per capire della situazione...
... comunque lo stile EXTRA lo si regola così:
<style> body {background-position-y: 50px} </style>
... se fai da te devi valutare se l'ente della tua pagina è BODY oppure HTML, e se aggiungere la priorità !important ...
.
Autore
Grazie del consiglio. Lo sfondo pagina a cui mi riferisco è quello di default per tutte le pagine. Potrei risolvere creando un'altra immagine con 50 px trasparenti in alto MA è più comodo il codice se voglio sperimentare altre posizioni.
... non ho capito se sei riuscito con il codice, ed allora OK, altrimenti posta il LINK per permettermi di valutare perchè non ho il programma sotto mano......
Autore
Non ho ancora provato perché anch'io non ho il programma con me, adesso. Appena rientro ti aggiorno. Solo una domanda: Dove inserisco il codice extra? Prima della chiusura del tag body?
prima della chiusura del tag Head...
Autore
Ho inserito il codice extra "<style> body {background-position-y: 150px;} </style> " ovunque, ma non cambia nulla, anche aggiungendo nel finale "!important".
A questo punto opterò per aumentare l'header e lo sfondo dell'header, inserendo l'immagine dentro l'header. Chiaramente non potrò avere l'effetto di immagine di sfondo fissa. Comunque accetto altre soluzioni. Sicuramente è più funzionale inserire l'immagine nell'header perchè posso modificarne la dimensione in base alle diverse risoluzioni (smartphone, tablet, etc) senza dover crear altre copie della stessa immagine di dimensioni differenti per essere visualizzate interamente sempre.
ALLEGO FOTO
... se come ti avevo detto postavi il LINK, avresti risolto al primo post...
... così, alla cieca! ...potresti provare a sostituire body con html ...
... nel caso posta il link, ...oppure sperimenta le altre soluzioni che ti sei proposto sfruttando le opzioni previste...
...
... penso che per avere immagini elastiche nell'HEADER si dovrebbe ricorrere a codice EXTRA, cioè al TAG <IMG> nell'Oggetto HTML secondo una mia vecchia idea, però, prova sempre con le opzioni previste per i vari breakpoint...
ciao
.
Autore
Grazie ancora KOLAsim. Perdona l'ignoranza, ma non ho idea di quale link dovrei postare, il sito non l'ho caricato sul server.
Autore
RISOLTO sostituendo "BODY" con "HTML"
<style> HTML {background-position-y: 150px;} </style>
Grazie ancora, KOLA!
... ...