Pagina 1 di 2

Creazione di una tabella

Inviato: 29/12/2009, 13:37
da Astro86
vorrei creare una tabella stile prosilver ma non so come fare...

in locale cio provato ma mi è venuta tutta squadrata e problemi di misure ecc.

io lo vorrei fare come questo (Fatto con un programma di grafica)
http://img706.imageshack.us/img706/4593/tabella.png
mi aiutate a realizzarla?

Re: Creazione di una tabella

Inviato: 29/12/2009, 14:08
da Carlo
Spero che sia di tuo gradimento. ;)

Codice: Seleziona tutto

<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>

   <div class="content">
      <p>
	<table border="1" width="100%">
	<tr>
		<td align="left" vaglin="top">
			<td><table border="1">
				<tr><td>Titolo contenuto 1</td></tr>
				<tr><td>Contenuto 1</td></tr>
				<tr>
					<td><table border="1">
						<tr><td>Titolo contenuto 3</td><td>Titolo contenuto 4</td></tr>
						<tr><td>Contenuto 3</td><td>Titolo contenuto 3</td></tr>
					</table></td>
				</tr>
			</table></td>
		</td>
		
		<td valign="top" width="34%">
			<table border="1">
				<tr><td>Titolo contenuto 2</td></tr>
				<tr><td>Contenuto 2</td></tr>
			</table>
		</td>
	</tr>
	</table>
      </p>
   </div>

   <span class="corners-bottom"><span></span></span></div>
</div>

Re: Creazione di una tabella

Inviato: 29/12/2009, 14:43
da Astro86
volevo fare i bordi come le tabelle del forum

Re: Creazione di una tabella

Inviato: 29/12/2009, 14:45
da Carlo
Uno screen del risultato?

Re: Creazione di una tabella

Inviato: 29/12/2009, 14:56
da Astro86
ora ho questo risultato
http://img262.imageshack.us/img262/9709/iiiz.png
voglio questo risultato
http://img706.imageshack.us/img706/4593/tabella.png
(con i bordi uguali allo stile del prosilver)

Re: Creazione di una tabella

Inviato: 29/12/2009, 15:08
da Carlo
Ehm... non sono molto esperto con i CSS, quindi per i bordi non saprei aiutarti.

Re: Creazione di una tabella

Inviato: 29/12/2009, 15:15
da Astro86
vabbe vedo cosa mi posso inventare per dargli almeno un aspetto guardabbile

Re: Creazione di una tabella

Inviato: 29/12/2009, 18:57
da Sir Xiradorn
Nulla di più semplice basta usare lo schema che viene usato nella parte chi c'è in linea....nel prosilver se ci fat caso quella parte è gestita non da semplici div ma anche da tag .table

Re: Creazione di una tabella

Inviato: 29/12/2009, 20:39
da ldm
Questo è il codice corretto:

Codice: Seleziona tutto

<div class="forabg">
			<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="topiclist">
				<li class="header">
					<dl class="icon">
						<dt>La tua tabella</a></dt>
						
					</dl>
				</li>
			</ul>
			<ul class="topiclist forums">
	
		<li class="row"> 
		
			<table width="100%" border="1" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2"><strong>Titolo Contenuto 1</strong></td>
    <td width="42%" colspan="2"><strong>Titolo Contenuto 2</strong></td>
  </tr>
  <tr>
    <td colspan="2">qui' il c1</td>
    <td colspan="2" rowspan="3"><p>&nbsp;</p>
    <p>qui' il c2</p>
    <p>&nbsp;</p></td>
  </tr>
  <tr>
    <td><p><strong>Titolo Contenuto 3 </strong></p></td>
    <td><strong>Titolo Contenuto 4</strong></td>
  </tr>
  <tr>
    <td>qui' il c3 </td>
    <td>qui' il c4</td>
  </tr>
</table>
		</li>
	
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>
p.s. qui' C1 -C2 ecc. : inserisci il tuo contenuto

Re: Creazione di una tabella

Inviato: 29/12/2009, 21:57
da Astro86
Ti ringrazio... mi hai evitato di inserire un orrore nel mio forum XD