Dreamweaver: immagine di sfondo e tabella centrata

Di: Prince ipiante | 26/09/2020 17:12:57
Salve sto tentando di fare un sito con Dreamweaver, ma sono un principiante spero che mi possiate aiutare a risolvere un quesito.
Sto cercando di inserire un immagine di sfondo nella tabella più grande della pagina, ma una volta inserita l'immagine viene affiancata. come faccio a centrarla?
Un amico in chat mi ha risposto così:
- cancella le tabelle
- crea un div
- crea un foglio di stile
- crea una regola nel foglio di stile tipo questa:
.regola {
margin: 0px;
background-image: url(cartellaimmagini/immagine.jpg);
background-repeat: no-repeat;
background-position: center top;
}
- associala al body
ma il sito è ormai pronto, se cancello le tabelle devo rifare tutto.
volevo solo mettere un' immagine in trasparenza nella tabella in cui ho messo del testo!
se ci fosse un modo per non toccare il resto sarebbe l'ideale!
Grazie per l'attenzione!

Risposte



Il tuo amico ha ragione sugli stili, ma non è necessario creare un DIV per mettere uno sfondo al body o a una tabella...
Basta applicare la regola al tag body
<style type="text/css">
<!--
body {
background-image: url(cartellaimg/immagine.jpg);
background-repeat: no-repeat;
background-position: center center;
}
-->
</style>
Oppure se hai una tabella base estesa in percentuale crei una regola con un nome e con le seguenti proprietà:
<style type="text/css">
<!--
.sfondo {
background-image: url(cartellaimg/immagine.jpg);
background-repeat: no-repeat;
background-position: center center;
}
body {
margin: 0px;
}
-->
</style>
applicando alla tabella lo stile sfondo in questo modo:
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="sfondo">

Di: Gian Paolo | 26/09/2020 17:12:57