tabelle, immagini e sfondi

**urulela** · 15-10-2003, 11:10

vi posto il codice poi vi faccio la domanda
questa è una tabella del mio sito che mi accingo a realizzare

</table></td>
<td width="200" bgcolor="#FFFFFF"></td>
<td width="30" background="bgsepvert.gif"></td>
<td width="200" bgcolor="#FFFFFF"></td>
<td width="30" background="bgsepvert.gif"></td>
<td width="200" bgcolor="#FFFFFF"></td>
</tr>
</table>

da interporre tra una tabbella e l'altra, ho creato un immagine di 30x1opx che uso come separatore verticale (bgsepvert.gif) inserito come sfondo della tabella.
ora, se lo metto come sfondo della tabella <background="bgsepvert.gif> mi da errore (dreamweaver) e con certi browser come Amaya non mi visualizza questo sfondo, ovvero mi lascia la cella trasparente...
arrivo al dunque
quando aumenta i contenuti della home page e il sito cresce verso il basso, con il metodo <background="bgsepvert.gif> si ha una sorta di "autoriproduzione" dell'immagine e quindi c'è una crescita in verticale di pari passo tra il sito e <background="bgsepvert.gif>.
se invece dovessi impostarlo come [img]bgsepvert.gif[/img] l'immagine non si autoripsoduce rimanendo come la dimensione originale della gif, diversamente non posso creare una gif precisa nelle misure in quanto non conosco la vera lunghezza dei contenuti della home page.
spero di essermi espresso in maniera comprensibile
avete dei suggerimenti???
ciao e grazie

AtomSurfer · 15-10-2003, 14:46

usa i fogli di stile:
tra gli head scrivi:

codice:

<style>
.quellochevuoi {
  background: url(bgsepvert.gif) no-repeat;
}
</style>

e poi nella cella a cui vuoi applicare lo sfondo:

<td class="quellochevuoi">jbhcbjhbdc</td>

**urulela** · 15-10-2003, 14:55

thenghiù

**urulela** · 15-10-2003, 15:59

mi rimangio il tenghiù

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style type="text/css">
body {
background-color: #999933;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#marginesx{
float: left;
width: 20px;
background: url(bgtabsx.gif);
}
#colsx{
float: left;
width: 200px;
background-color: #FFFFFF
}
#separa{
float: left;
width: 30px;
background: url(bgsepvert.gif);
}
#colcen {
float: left;
width: 200px;
background-color: #FFFFFF
}
#coldx{
float: left;
width: 200px;
background-color: #FFFFFF
}
#marginedx{
float: left;
width: 20px;
background: url(bgtabdx.gif);
</style>
<body>
<div id="marginesx">
</div>
<div id="colsx">
sdhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiot dhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiot dhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiot dhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiot dhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiot dhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiot dhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiot dhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiot dhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiotdhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiot dhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiot dhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiotdhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiotdhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiot dhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiot dhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiotdhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiot dhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiot dhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiot dhdouhdoaifgorif iierghio feighoeihviouhvkouhfdivu hdiuvhtpirvgpiudfhgiourhh tgiouhpiot
</div>
<div id="separa">
</div>
<div id="colcen">
</div>
<div id="separa">
</div>
<div id="coldx">
</div>
<div id="marginedx">
</div>
</body>
</html>

se hai voglia fai un copia ed incolla e guarda un pò.
subito pensavo che fosse il "no-repeat" ed ho provato a cambiarlo con "repeat".
io lo visualizzo con IE6 e Mozilla Firebird, ma nessuno dei 2 mi da il risultato sperato...
da cosa può dipendere

AtomSurfer · 15-10-2003, 16:22

emh... forse non ho capito il tuo prob.

tu non vuoi mettere un immagine di sfondo ad una cella senza che si ripeta?

**urulela** · 15-10-2003, 16:32

vorrei che quando aumenta in lunghezza verso il basso il sito, l'immagine di sfondo della tabella si ripeta

AtomSurfer · 15-10-2003, 16:58

tie': http://www.html.it/css/guida_css_17.htm spiga come gestire glòi sfondi con i css. C'è anche quello che cerchi

Discussione: tabelle, immagini e sfondi

Strumenti discussione

Ricerca discussione

Visualizza

tabelle, immagini e sfondi

Permessi di invio