background celle [era:Problema tabella]

**CoD3Ex** · 11-08-2011, 22:07

<table align="center" bgcolor="#353535">
<tr>
<td>
<div id="imgcontainer"><a href="http://aproject.altervista.org/games_works/gargoyle.htm" title=":: Gargoyle ::">
[img]gallery_files/gargoyle-sml.jpg[/img]</a>
</div>

<div id="imgcontainer"><a href="http://aproject.altervista.org/games_works/beholder.htm" title=":: Beholder ::">
[img]gallery_files/baby_beholder-sml.jpg[/img]</a>
</div>
</td>
</tr>

<tr>
<td>
<div id="imgcontainer"><a href="http://aproject.altervista.org/games_works/house.htm" title=":: House ::">
[img]gallery_files/house-sml.jpg[/img]</a>
</div>
</td>
<td>
<div id="imgcontainer"><a href="http://aproject.altervista.org/games_works/shed.htm" title=":: Shed ::">
[img]gallery_files/rimessa-sml.jpg[/img]</a>
</div>
</td>
</tr>

<tr>
<td>
<div id="imgcontainer"><a href="http://aproject.altervista.org/games_works/wells.htm" title=":: Well ::">
[img]gallery_files/wells-sml.jpg[/img]</a>
</div>
</td>
<td>
<div id="imgcontainer"><a href="http://aproject.altervista.org/games_works/.htm" title=":: Candlestick ::">
[img]gallery_files/candlestick-sml.jpg[/img]</a>
</div>
</td>
</tr>

<tr>
<td>
<div id="imgcontainer"><a href="http://aproject.altervista.org/games_works/fireplace.htm" title=":: Fireplace ::">
[img]gallery_files/fireplace-sml.jpg[/img]</a>
</div>
</td>
<td>
<div id="imgcontainer"><a href="http://aproject.altervista.org/games_works/altars.htm" title=":: Altars ::">
[img]gallery_files/altar-sml.jpg[/img]</a>
</div>
</td>
</tr>

<tr>
<td>
<div id="imgcontainer"><a href="http://aproject.altervista.org/games_works/drape.htm" title=":: Drape ::">
[img]gallery_files/drape-sml.jpg[/img]</a>
</div>
</td>
<td>
<div id="imgcontainer"><a href="http://aproject.altervista.org/games_works/table.htm" title=":: Table ::">
[img]gallery_files/table-sml.jpg[/img]</a>
</div>
</td>
</tr>

<tr>
<td>
<div id="imgcontainer"><a href="http://aproject.altervista.org/games_works/coffers.htm" title=":: Coffers ::">
[img]gallery_files/coffers-sml.jpg[/img]</a>
</div>
</td>
<td>
<div id="imgcontainer"><a href="http://aproject.altervista.org/games_works/well_2.htm" title=":: Gate ::">
[img]gallery_files/gate-sml.jpg[/img]</a>
</div>
</td>
</tr>

<tr>
<td>
<div id="imgcontainer"><a href="http://aproject.altervista.org/games_works/shed.htm" title=":: Scroll ::">
[img]gallery_files/parchment-sml.jpg[/img]</a>
</div>
</td>
<td>
<div id="imgcontainer"><a href="http://aproject.altervista.org/games_works/well_1.htm" title=":: Rolls ::">
[img]gallery_files/scroll-sml.jpg[/img]</a>
</div>
</td>
</tr>

<tr>
<td>
<div id="imgcontainer"><a href="http://aproject.altervista.org/games_works/well_2.htm" title=":: Well ::">
[img]gallery_files/wooden_crates-sml.jpg[/img]</a>
</div>
</td>
<td>
<div id="imgcontainer"><a href="http://aproject.altervista.org/games_works/shed.htm" title=":: Wooden Crate ::">
[img]gallery_files/slash2-sml.jpg[/img]</a>
</div>
</td>
</tr>
</table>

Questa teoricamente dovrebbe essere la colonna centrale...
Ora mi servirebbe quella di sinistra e quella di destra.

Un aiutino? Grazie

**CoD3Ex** · 11-08-2011, 22:20

Ehm... probabilmente mi sono espresso male...

Dal codice capirete sicuramente che la mia tabella ha come colore di BG il grigio. Io non voglio che la parte destra e la parte sinistra prendano il colore grigio, quindi suppongo che debbano essere create 3 tabelle allineate sulla stessa riga, ma come faccio?

**Vincent.Zeno** · 11-08-2011, 22:47

Originariamente inviato da CoD3Ex
quindi suppongo che debbano essere create 3 tabelle allineate sulla stessa riga

un tantino eccessivo

prendi spunto da qui:

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 content="it" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Senza nome 2</title>
<style type="text/css">
.style1 {
	border-style: solid;
	border-width: 1px;
}
.style2 {
	background-color: #353535;
}
</style>
</head>

<body>

<table align="center" class="style1" cellpadding="0" cellspacing="0" style="width: 800px">
	<tr>
		<td style="width: 200px">asd</td>
		<td class="style2" style="width: 400px">asd</td>
		<td style="width: 200px">asd</td>
	</tr>
	<tr>
		<td style="width: 200px">asd</td>
		<td class="style2" style="width: 400px">asd</td>
		<td style="width: 200px">asd</td>
	</tr>
	<tr>
		<td style="width: 200px; height: 19px;">asd</td>
		<td class="style2" style="width: 400px; height: 19px;">asd</td>
		<td style="width: 200px; height: 19px;">asd</td>
	</tr>
	<tr>
		<td style="width: 200px">asd</td>
		<td class="style2" style="width: 400px">asd</td>
		<td style="width: 200px">asd</td>
	</tr>
</table>

</body>

</html>

si tratta di robaccia scritta con l'editor di turno...
ma il codice va bene per capire e studiare

**CoD3Ex** · 12-08-2011, 00:01

Ti ringrazio molto, dovrei aver risolto... sto provando proprio ora!!!

L'unica cosa... non vorrei il BG color anche dove dovrei mettere le immagini esterne, a sinistra e destra! Come posso risolvere questo problema?

**Vincent.Zeno** · 12-08-2011, 00:04

vedi esempio...

**CoD3Ex** · 12-08-2011, 00:19

Originariamente inviato da Vincent.Zeno
vedi esempio...

Scusami, hai ragione... non avevo visto il css...

Allora risolto, ti ringrazio in toto

Molto gentile

**CoD3Ex** · 12-08-2011, 11:57

Sto tutt'ora provando...

Il problema è stato risolto, ma ora ne sorge uno piu piccino... praticamente quando vado a mettere il colore di sfondo nelle celle di interesse (come nell'esempio appunto quelle centrali) tra una cella e l'altra si vengono a creare degli spazi sia in verticale, che in orizzontale.

Ho gia provato a mettere qui:

.style2 {
background-color: #353535;
margin:0;
border:0;
padding:0;
}

Il margin, border e padding a 0, ma praticamente invece di togliere gli spazzi mi sposta l'intera struttura a sinistra...

N.B. queste 2 righe di CSS le ho messe direttamente nel foglio HTML, non so se possa influire, ma credo di no.

Inoltre ho provato anche a fare cosi nella tabella direttamente:

<table align="center" cellpadding="0" cellspacing="0">

Ma non va manco cosi...

Esiste un sistema per risolvere?
Grazie

**CoD3Ex** · 12-08-2011, 12:19

Problema risolto... in realtà il codice va, ma non fa quello che vorrei facesse.

Per inciso; Le immagini adesso sono unite, ma a questo punto io vorrei che oltre ad essere unite vengano contornate dal colore di sfondo della cella (a destra, sinistra, sopra e sotto dell'intera colonna centrale).

Si puo fare?

Discussione: background celle [era:Problema tabella]

Strumenti discussione

Ricerca discussione

Visualizza

Problema tabella

Permessi di invio