Ciao a tutti.... come da titolo, come si imposta un immagine di sfondo?!
Sembra tanto banale eppure non riesco...
Ho provato sia ad impostarla direttamente in
sia creando la regola di stilecodice:<body background="immagini/sfondo.jpg">
Nella modalità "dal vivo" di DW si visualizza correttamente... ma nel browser non ve n'è traccia.... cosa mi sfugge?codice:body {background:url(images/sfondo.jpg);}
ciao,
Nel css devi scrivere così:
se vuoi ripeterlo più volte (quindi estenderlo in lunghezza e altezza), scrivi sotto:codice:body{background-image:url(../images/body.png);}
oppure solo in verticalecodice:background-repeat:repeat;
oppure solo in orizzontalecodice:background-repeat:y-repeat;
codice:background-repeat:x-repeat;
Nulla da fare.. continua a visualizzarsi solo in DW ma non aprendo la pagina col browser.Originariamente inviato da marcocala100
ciao,
Nel css devi scrivere così:
codice:body{background-image:url(../images/body.png);}
Nel body della pagina ho anche un componente javascript con la funzione onload, potrebbe creare conflitto?
qual'è il percorso dove hai l'immagine?
Cmq non credo che il javascript mandi in conflitto il body...
lo sfondo è nella cartella images contenuta nella cartella principale del sito dove si trova la pagina index; serve il percorso assoluto?
se allora le immagini si trovano nella cartella images che si trova nella root del sito dove c'è anche index, il percorso che ti ho dato è giusto (../images/tuaimmagine.jpg).
Prova a togliere il riferimento al javascript... allora forse è quello.
ma il css è interno o esterno?
il css è interno... Ho provato anche a togliere la funzione JS senza risultato...
Questo è tutto il mio codice... scrivendolo come mi hai indicato tu in realtà sparisce anche dall'anteprima di DWcodice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Documento senza titolo</title> </head> <style type="text/css"> body{background-image:url(../images/sfondo.jpg);} </style> </head> <body onload="showHideAll()"> <div id="main"> <div id="testa"></div> </div> </body> </html>
fallo esterno se hai modo, per vedere in quel caso funziona:
scrivi nella head questo:
e nel css il codice del body.codice:<link rel="stylesheet" href="[percorso del tuo css. es: css/style.css]" type="text/css" media="screen" />
Ma scusa la domanda, dove li dichiari i div "main" e "testa"?
chiudi la head due volterima e dopo il tag style
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head> <---- TOGLI QUESTO
<style type="text/css">
body{background-image:url(../images/sfondo.jpg);}
</style>
</head>
Ora funziona!
Sono proprio una pippa!! Grazie a tutti
Permessi di invio
Rispondi quotando