[wolontariat]tabela na div Opcje

[nospor]

Potrzebuję pomocy osoby, która zamieni mi poniższą tabelkę na same DIVy tak, by wyglądało tak samo jak by to było w tabelce

[HTML] pobierz, plaintext 
	<table style="border:1px solid black;">
	<tbody>
		<tr >
			<td rowspan="3" style="text-align:center;">
				Imię
			</td>
 
			<td rowspan="3" style="text-align:center;">
				Nazwisko
			</td>
			<td colspan="13" style="padding-left:1px !important;padding-right:1px !important;text-align:center;">
					Tytuł
			</td>
		</tr>
		<tr >
			<td colspan="13" style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:85%">2012-02</td>
		</tr>
		<tr >
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">02</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">04</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">06</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">08</td>
 
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">10</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">12</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">14</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">16</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">18</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">20</td>
 
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">22</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">24</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">26</td>
		</tr>
 
		<tr >
			<td >
				Jan
			</td>
			<td>
				Kowalski
			</td>
			<td colspan="13" style="vertical-align: top;padding-left:0px !important;padding-right:1px !important;">
				Blabla
			</td>
		</tr>
		<tr >
			<td >
				Jan
			</td>
			<td>
				Kowalski
			</td>
			<td colspan="13" style="vertical-align: top;padding-left:0px !important;padding-right:1px !important;">
				Blabla
			</td>
		</tr>
		</tbody>
	</table>
[HTML] pobierz, plaintext 

[lobopol]

O coś takiego ci chodzi (bez ie6 jak chcesz z ie6 to podmień first-child na jakąś klasę)?

[HTML] pobierz, plaintext 
<style>
					.table{
						border: 1px solid black;
						float: left;
font-size: 10px;
					}
					.tr {
						overflow: hidden;
					}
					.tr div {
						float: left;
						width: 58px;
						word-wrap: break-word;
						text-align: center;
						padding: 0 1px;
					}
					.tr.body div:first-child{
						padding-left: 116px; /*2 razy szerokość*/
					}
					.tr .title{
						width: 754px; /*13 * szerokość rzędu*/
					}
					.tr.date div{
						width: 754px;
						float: none;
						padding-left: 121px; /*2 razy szerokość jednego rzędu + paddingi*/
					}
				</style>
				<div class="table">
					<div class="tr">
						<div>Imię</div>
						<div>Nazwisko</div>
						<div class="title">Tytuł</div>
					</div>
					<div class="tr date">
						<div>
							2012-02
						</div>
					</div>
					<div class="tr body">
						<div>02</div>
						<div>04</div>
						<div>06</div>
						<div>08</div>
						<div>10</div>
						<div>12</div>
						<div>14</div>
						<div>16</div>
						<div>18</div>
						<div>20</div>
						<div>22</div>
						<div>24</div>
						<div>26</div>
					</div>
					<div class="tr">
						<div>Jan</div>
						<div>Kowalski</div>
						<div>Blabla</div>
					</div>
					<div class="tr">
						<div>Jan</div>
						<div>Kowalski</div>
						<div>Blabla</div>
					</div>
				</div>
[HTML] pobierz, plaintext 

Ten post edytował lobopol 17.02.2012, 21:11:18