Centrare immagine homepage postato il 15/03/2012 13:17:48 nel forum programmazione, gdrcd, open source, hosting
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, Open Source, Hosting Elenco Forum
Planethos GdR: Una nuova profezia
Metin2: Informazioni sul server migliorate
World of Warship → MMO gratuito con frenetiche battaglie navali ambientate nel ventesimo secolo. Salpa con la tua nave ed affronta i nemici!
Age of Crystals: Rallentamenti estivi
dbzgdr ha risposto alla discussione: Dragon Ball Z Gdr
Titan Revenge: Calendario eventi fino a fine mese online!
World Without Heroes → Affronta le forze occulte che minacciano il mondo in World Without Heroes, un gdr play-by-mobile su Whatsapp basato sulle teorie del complotto!
Enlisted: Modifiche al sistema di aggiornamento
pyro72 ha aperto un annuncio di ricerca: World Without Heroes ricerca Giocatore
World Without Heroes: News GDR: Pubblicazione e Nuovo Inizio
Planethos GdR → Al gioco del trono o si vince o si muore. Con i Regni divisi, quale sarà la tua strada? Guerra, diplomazia, inganno o commercio? Entra e scoprilo!
I dati del generatore di rank sono stati aggiornati!
Il gestore di Nexi Generation ha risposto alla recensione di deanna
Brightest Star: Che (dis)grazia questo campeggio!
Titan Revenge → Diventa il grande generale del regno e ottieni il favore degli dei per diventare una valchiria. Unisci le forze per salvaguardare l'umanità!
Città Virtuali - Articolo datato 2001 sulle città virtuali. Pubblicato al tempo da Punto Informatico
Recensione CriOnyric - Rencensione del play by chat cyberpunk CriOnyric Foundation! Fai un passo verso un futuro oscuro!
Videogame e Gdr - I gdr sono associati con i videogiochi del tipo Neverwinter Nights o The Elder Scrolls?
Multiplayer - Multiplayer: al tavolo con la tecnologia dei casinò online
Politik Game - Articolo di Rassegna Stagna su quando la politica diviene ludica. Ma veramente.
GdR su FreeForumZone - Lista dei giochi di ruolo play by forum sul circuito FreeForumZone