problema sfondo e layout

Di: Aki | 26/09/2020 17:24:54
Ciao a tutti,vi espongo il mio prooblema,ho un'immagine che fa da sfondo al sito é questa ha il comando di essere sempre centrata nella pagina il problema sorge quando la risoluzione del monitor di chi visualizza le pagine cambia,perché l'immagine di sfondo va come deve al centro ma i layout con le immgine e i testi che sono normalmente sovrapposti all'immagine di sfondo rimangono fermi sblallando cosi il tutto
vi chiedo un aiuto perché non so proprio come fare
vi ringrazio...

Risposte



Ciao Roby84, hai formulato la domanda in maniera approssimativa. Non si capisce se stai usando i "DIV" o le tabelle per il layout, non ci spieghi se hai inserito i valori in pixel o in percentuale, il contenitore non si sa in che modo l'hai posizionato, (predefinito, sinistra, destra o centro). L'immagine di sfondo poi, se non ho intuito male, immagino che l'abbia messa tipo wallpaper, come si usa con i monitor. Per gli sfondi dei siti web si usano immagini di pochi pixel che si ripetono per tutta l'area body.
Ti consiglio di riformulare la domanda, fornendoci maggiori dettagli. In alternativa ci posti il codice se non è troppo lungo.

Di: Gian Paolo | 26/09/2020 17:24:54


Ciao Gian Paolo e grazie per aver risposto ,ho appena risolto il problema creando un 'area modificabile attorno all'immagine di sfondo e inserendo la larghezza in pixel del div in questa maniera <div align="width: 900px;"> dopodichè sono andato a inserire in proprietà pagina un valore di 250 pixel dal margine sinistro riuscendo cosi finalmente a visualizzare il mio sfondo al centro e soprattutto bloccato li
Non so se il tutto e a norma di webmaster ma funziona
Ciao

Di: Aki | 26/09/2020 17:24:54


Ma no, perché usare stratagemmi improvvisati quando esistono tecniche precise per compiere certe operazioni?
Come ti dicevo, lo sfondo va messo nel tag body mediante questa semplice regola di stile inserita tra i tag <head></head>:
<style type="text/css">
<!--
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
background-image: url(img/sfondo.jpg);
}
-->
</style>
Le immagini per lo sfondo è sufficiente che siano di piccole dimensioni, 40x40px come nel seguente caso:
http://starweb.starnet.it/gianpaolo/immagine_sfondo/index1.html.
Se ti occorre uno sfondo con effetto gradiente, un'immagine di 2x1200px va bene:
http://starweb.starnet.it/gianpaolo/immagine_sfondo/index2.html
Nel caso di sfondi colorati o alternativi, basta creare delle porzioni da 120x120px circa come nei seguenti casi:
http://starweb.starnet.it/gianpaolo/immagine_sfondo/index3.html
http://starweb.starnet.it/gianpaolo/immagine_sfondo/index4.html.
Gli ultimi due sono solo esempi, un po' pacchiani, ma rendono l'idea... non usarli
Ma se hai intenzione di mettere la classica foto del paesaggio, come si ostinano a fare ingenuamente alcune persone, con risoluzione 1024x768px, allora caro Roby siamo fuori strada. Il sito si appesantirebbe inutilmente, ti creerebbe problemi a risoluzioni alte e darebbe l'mpressione del lavoro poco professionale...
Tuttavia, come consigliato ad altri utenti di questo forum che si sono trovati bene, una bella lettura approfondita a questa guida ti gioverà molto:http://css.html.it/guide/lezione/50/introduzione/.

Di: Gian Paolo | 26/09/2020 17:24:54