WebSite X5Help Center

 
Ettore P.
Ettore P.
User

Sfondo pagina posizione immagine  it

Autor: Ettore P.
Visited 687, Followers 1, Udostępniony 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

Posted on the
10 ODPOWIEDZI - 4 USEFUL - 1 PRAWIDłOWA ODPOWIEDź
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

... 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 ...

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Ettore P.
Ettore P.
User
Autor

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.

Czytaj więcej
Posted on the from Ettore P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

... 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......

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Ettore P.
Ettore P.
User
Autor

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?

Czytaj więcej
Posted on the from Ettore P.
Mirko Boschetti
Mirko Boschetti
Moderator

prima della chiusura del tag Head...wink

Czytaj więcej
Posted on the from Mirko Boschetti
Ettore P.
Ettore P.
User
Autor

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 laughing

Czytaj więcej
Posted on the from Ettore P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT
Ettore P.
Ho inserito il codice extra "<style> body {background-position-y: 150px;} </style> " ovunque, ma non cambia nulla, anche aggiungendo nel finale "!important". ... ...

... 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
.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Ettore P.
Ettore P.
User
Autor

Grazie ancora KOLAsim. Perdona l'ignoranza, ma non ho idea di quale link dovrei postare, il sito non l'ho caricato sul server.  

Czytaj więcej
Posted on the from Ettore P.
Ettore P.
Ettore P.
User
Autor

RISOLTO sostituendo "BODY" con "HTML" 

<style> HTML {background-position-y: 150px;} </style>  laughing

Grazie ancora, KOLA!

Czytaj więcej
Posted on the from Ettore P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

... wink ...

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪