Centrare immagine homepage postato il 15/03/2012 13:17:48 nel forum programmazione, gdrcd e open source
salve a tutti, non riesco a capire come fare per inserire un'immagine di sfondo all'homepage e quindi centrare il tutto in modo che qualunque sia la risoluzione della schermo i player si ritroveranno sempre l'home al centro dello schermo, qualcuno può aiutarmi??
Pagine → 1
15/03/2012 13:30:09
15/03/2012 13:35:50
Non mettere lo sfondo al body. Il body ha un comportamento particolare perchè è costretto a seguire i comportamenti della finestra del browser.
Metti un div immediatamente dentro al body, in modo che contenga tutta la pagina. Poi metti lo sfondo a questo div e preoccupati di centrarlo (dipende da che tipo di layout vuoi fare). Poi preoccupati di centrare i contenuti. Non usare posizionamenti assoluti, sono il modo migliore per fallire a fare un layout che si veda bene a tutte le risoluzioni
15/03/2012 13:39:32
devi andare in homepage.css
15/03/2012 15:27:20 e modificato da dany il 15/03/2012 15:35:02
Mettere un div al centro di una pagina, indipendentemente da quale che sia la risoluzione è molto facile con un CSS e poi metterci dentro qualsiasi immagine o testo tu voglia.
Basta che inserisci nel tuo foglio di stile il seguente codice:
width:altezza div;
height:larghezza div;
position:absolute;
top:50%;
left:50%;
margin-left:-larghezza/2;
margin-top:-altezza/2;
Ti faccio un esempio pratico: mettiamo che io voglia avere al centro della pagina un div delle dimensioni di 300 x 500.
Nella pagina scriverò:
14/05/2012 16:48:38
Chiedo qua perchè la domanda è più o meno la stessa.
Stavo provando a modificare lo sfondo (lo vorrei a grandezza pagina web) della homepage ma non riesco a dare all'immagine le dimensioni della pagina, senza dover spostarmi di lato o in giù per visualizzarla tutta.
Ho capito il punto del codice che devo cambiare ma non so come a questo punto...
Ho provato a guardare sulle guide ma nn mi ritrovo.
Se potete aiutarmi vi ringrazio molto.
16/05/2012 02:42:42
Non c'è un modo per costringere un immagine a espandersi in larghezza e lunghezza esattamente alle dimensioni del viewport, non in HTML+CSS.
Se vuoi realizzarlo devi usare javascript. E devi anche usare immagini vettoriali, altrimenti su risoluzioni grandi l'immagine sgrana, e su risoluzioni piccole invece usi un immagine troppo pesante per le dimensioni a cui viene visualizzata.
è per questo che per fare layout fluidi non si usano le immagini, le immagini ti costringono a fissare le dimensioni. Infatti i grandi siti come facebook o google che si adattano alla grandezza della finestra del browser, usano pochissime immagini e quelle che hanno le usano solo per loghi o cose del genere, non certo per gli sfondi.
16/05/2012 11:40:21
Infatti, è sconsigliabile utilizzare grosse immagini come sfondo di div, oltre per i motivi elencati sopra di me, spesso stancano gli occhi degli utenti durante la navigazione.
Discussione seguita da
Pagine → 1
Rispondi alla Discussione Aggiungi ai Preferiti Inoltra Discussione Forum Programmazione, GDRCD e Open Source Elenco Forum
NosTale: Manutenzione Terra della Vita