immagine di sfondo tabella

**sfinge21** · 20-10-2009, 19:55

voglio dare un'immagine di sfondo ad una tabella per poi scriverci sopra...ma non mi compare
(premetto che c'è anche uno sfondo sfumato nel body, che la tabella è all'interno di un box e che la grandezza dell'immagine che vorrei impostare come sfondo dovrebbe entrare tranquillamente e starci pure larga!!!)...

table {
z-index 20;
border: 0px;
text-align: center;
width: 600px;
margin: auto;

}

.sfondoTab { background-image: url(ImgHome.png); background-repeat: no-repeat; z-index 10;}

td {
0px;
background: transparent;

}

------

<table class="sfondoTab">
<tr>
<td> contenuto </td><td> </td><td> contenuto </td><td> contenuto </td>
</tr>
<tr>
<td> contenuto </td><td> contenuto</td><td> contenuto </td><td> contenuto </td>
</tr>
<tr>
<td> contenuto </td><td> contenuto </td><td> contenuto</td><td> contenuto </td>
</tr>
</table>

dove sbaglio??

**sfinge21** · 20-10-2009, 20:17

so che in effetti faccio prima a fare una sorta di immagina mappata, ma volevo cmq capire come mai lo sfondo nn mi compare...grazie

**miki003** · 20-10-2009, 22:00

Questo è il tuo codice come puoi costatare

codice:

<!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>
<style type="text/css">
<!--
table {
z-index 20;
border: 0px;
text-align: center;
width: 600px;
margin: auto;

}

.sfondoTab { background-image: url(ImgHome.png); background-repeat: no-repeat; z-index 10;} 

td {
0px;
background: transparent;

} 
-->
</style></head>

<body>
<table class="sfondoTab">
<tr>
<td> contenuto </td><td> </td><td> contenuto </td><td> contenuto </td>
</tr>
<tr>
<td> contenuto </td><td> contenuto</td><td> contenuto </td><td> contenuto </td>
</tr>
<tr>
<td> contenuto </td><td> contenuto </td><td> contenuto</td><td> contenuto </td>
</tr>
</table>

</body>
</html>

e questo è il risultato qindi l'immagine al contrario di come dici tu si vede

**Mich_** · 21-10-2009, 08:51

Attenzione alla sintassi. Mancano un po' di duepunti. Questo da` fastidio a qualche browser.
In questi casi i validatori possono dare una mano importante.

Comunque quei z-index dichiarati non hanno effetto, dato che sono applicati ad oggetti non posizionati. Inoltre allo stesso oggetto e` applicato uno z-index di 20 ed uno di 10: non so quale effetto vorresti ottenere, ma il ragionamento che ci sta dietro ha un baco, e questa e` quindi una cosa su cui ragionare/ripensare.

**sfinge21** · 21-10-2009, 17:04

ho notato una cosa che forse potrà sembrare banale ma...dreamweaver fatica spesso ad "aggiornarsi" nelle anteprime....ora anche io vedo l'immagine con il codice che avevo e che credevo errato....mi ci sono voluti parecchi F12

intanto ripenserò a doppi punti e dintorni

grazie mich_

Discussione: immagine di sfondo tabella

Strumenti discussione

Ricerca discussione

Visualizza

immagine di sfondo tabella

Permessi di invio