ho provato a creare una class per estendere l'immagine di sfondo a tutta la pagina ma non funziona, dove sbaglio???
<style type="text/css">
.IMG {
position: absolute;
no-repeat;
height:100%;
width: 100%;
margin: 0;
padding: 0;
}
</style>
e la ho collegata con <body background="immagine.jpg" class="IMG">
come posso fare per estenderla a tutto schermo???
I background applicati tramite attributo HTML NON rispondono alle regole css: usa background-image:url(...); nel css, e ricorda che oltre a dover dare certamente width e height 100%, devi anche usare la background-size:cover per ridimensionare il bg.
http://www.w3schools.com/cssref/css3...round-size.asp
"Le uniche cose che sbagli sono quelle che non provi a fare."
Atipica
Originariamente inviata da Shores
ho provato a creare un file css e collegarlo all'html con
<link rel="stylesheet" type="text/css" href="theme.css">
nel file css ho messo questo.
{
background-image:url ('http://www.url.com/sfondo.jpg');
width: 100%;
height: 100%;
background-size:cover;
}
ma è sparita l'immagine.. lo sfondo resta tutto bianco.. dove sto sbagliando???
Puoi postare un link alla pagina che ci faccia vedere esattamente ciò che hai fatto?
la url dentro url() va inserita realtiva alla posizione del foglio di stile:
Se il foglio di stile è
www.dominio.it/theme.css
e l'immagine sta in
www.dominio.it/img/sfondo.jpg
Allora devi scrivere
url(img/sfondo.jpg)
...
"Le uniche cose che sbagli sono quelle che non provi a fare."
Atipica
è nella cartella img ho provato sia a mettere solo url(img/sfondo.jpg) che a mettere tutto l'url. url(http://www.dominio.it/img/sfondo.jpg) ma non va ugualmente... dove sta il problema?? sto usando un dominio gratuito di altervista.. forse è quello il problema.
Se non ci posti un link alla pagina è difficilissimo aiutarti...
"Le uniche cose che sbagli sono quelle che non provi a fare."
Atipica
Prova a togliere cover, che alla fine darà un effetto sgradevole.
L'immagine di sfondo mettila così:
codice:body{ background-image: url(sfondo.gif); background-repeat: repeat; }
Protesta niente immagini nella firma
grazie a entrambi a quanto pare mancava solo da settare l'id per lo sfondo.. ho aggiunto id="" e body prima della parentesi {
Scusa, ma se quel che ha chiesto è di avere un background esteso a tutto lo sfondo, tu gli rispondi di non metterlo? Anche a me non piacciono, ma non mi sembra una gran risposta...
In più se sfondo.jp non è nella stessa cartella del foglio di stile, come pensi che il tuo codice possa funzionare?
"Le uniche cose che sbagli sono quelle che non provi a fare."
Atipica
il fatto è che si tratta di un immagine davvero piccola, per questo preferivo scalarla.. di solito non le scalo mai.Scusa, ma se quel che ha chiesto è di avere un background esteso a tutto lo sfondo, tu gli rispondi di non metterlo? Anche a me non piacciono, ma non mi sembra una gran risposta...
In più se sfondo.jp non è nella stessa cartella del foglio di stile, come pensi che il tuo codice possa funzionare?
Permessi di invio
Rispondi quotando