[HTML?] Formattazione di un Tabella

franksisca · 05-02-2013, 11:28

devo fare una tabella che abbia questa forma

Codice:

-----------------------------
| < mese >         < anno > |
-----------------------------
|lun|mar|mer|gio|ven|sab|dom|
-----------------------------
|      giorni del mese      |
-----------------------------

vorrei che la riga "mese e anno" fosse indipendente dalle colonne dei giorni, intendo come larghezza.

ora invere nei mesi più "lunghi" mi si ridimensionano ovviamente anche i giorni. esiste un modo per fare ciò?

Lifedj · 05-02-2013, 13:21

Beh, per farle essere indipendenti forse ti tocca fare 2 tabelle diverse?
Senò prova a spiegarci meglio cosa devi fare! Magari allega il codice html che usi!

franksisca · 05-02-2013, 20:04

Quote:

Originariamente inviato da Lifedj

Beh, per farle essere indipendenti forse ti tocca fare 2 tabelle diverse?
Senò prova a spiegarci meglio cosa devi fare! Magari allega il codice html che usi!

al momneto non ho codice...devo fare un semplice calendario che ha mesi e anni che cambiano indimendentemente (da qui le due freccette) e i giorni normalmente

Lifedj · 05-02-2013, 22:34

Così va bene?

Codice HTML:

<table align="center" border="1" width="750px">
	<thead>
		<tr>
			<th colspan='3'>Mese</th>
			<th colspan='4'>Anno</th>
		</tr>
	</thead>
</table>
<table align="center" border="1" width="750px">
	<thead>
		<tr>
			<td>Lunedì</td>
			<td>Martedì</td>
			<td>Mercoledì</td>
			<td>Giovedì</td>
			<td>Venerdì</td>
			<td>Sabato</td>
			<td>Domenica</td>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>1</td>
			<td>2</td>
			<td>3</td>
			<td>4</td>
			<td>5</td>
			<td>6</td>
			<td>7</td>
		</tr>
		<tr>
			<td>1</td>
			<td>2</td>
			<td>3</td>
			<td>4</td>
			<td>5</td>
			<td>6</td>
			<td>7</td>
		</tr>
		<tr>
			<td>1</td>
			<td>2</td>
			<td>3</td>
			<td>4</td>
			<td>5</td>
			<td>6</td>
			<td>7</td>
		</tr>
	</tbody>
</table>

franksisca · 05-02-2013, 23:57

Quote:

Originariamente inviato da Lifedj

Così va bene?

Codice HTML:

<table align="center" border="1" width="750px">
	<thead>
		<tr>
			<th colspan='3'>Mese</th>
			<th colspan='4'>Anno</th>
		</tr>
	</thead>
</table>
<table align="center" border="1" width="750px">
	<thead>
		<tr>
			<td>Lunedì</td>
			<td>Martedì</td>
			<td>Mercoledì</td>
			<td>Giovedì</td>
			<td>Venerdì</td>
			<td>Sabato</td>
			<td>Domenica</td>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>1</td>
			<td>2</td>
			<td>3</td>
			<td>4</td>
			<td>5</td>
			<td>6</td>
			<td>7</td>
		</tr>
		<tr>
			<td>1</td>
			<td>2</td>
			<td>3</td>
			<td>4</td>
			<td>5</td>
			<td>6</td>
			<td>7</td>
		</tr>
		<tr>
			<td>1</td>
			<td>2</td>
			<td>3</td>
			<td>4</td>
			<td>5</td>
			<td>6</td>
			<td>7</td>
		</tr>
	</tbody>
</table>

no, perchè ho anche le frecce di navigazione, quindi

Codice:

		<tr>
			<th colspan='3'>Mese</th>
			<th colspan='4'>Anno</th>
		</tr>

diventerebbe

Codice:

		<tr>			
                        <th ><</th>
			<th colspan='2'>Mese</th>			
                        <th >></th>

			<th ><</th>
			<th >Anno</th>
			<th >></th>
		</tr>

e la formattazione salterebbe, e i giorni comunque sono abbreviati a 3 caratteri.

pierosa · 06-02-2013, 13:19

Codice PHP:


			
<html>
<head>
    <title></title>
    <style type="text/css">
        table {
            border-spacing:0;
              border-collapse:collapse;
              border: 1px solid black;
        }

        table thead tr {
            border: 2px solid black;
        }

        table thead tr td{
            border: 2px solid black;
            padding: 0.1em;
            text-align: center;
        }

        td {
            width: 2em;
            text-align: center;
        }

        table tbody tr td{
            border: 1px solid black;
        }
    </style>
</head>
<body>

<table>
    <thead>
        <tr>
            <th>&lt;</th>
            <th>Mese</th>
            <th>&gt;</th>
            <th></th>
            <th>&lt;</th>
            <th>Anno</th>
            <th>&gt;</th>
        </tr>
        <tr>
            <td>Lun</td>
            <td>Mar</td>
            <td>Mer</td>
            <td>Gio</td>
            <td>Ven</td>
            <td>Sab</td>
            <td>Dom</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
        </tr>
        <tr>
            <td>8</td>
            <td>9</td>
            <td>10</td>
            <td>11</td>
            <td>12</td>
            <td>13</td>
            <td>14</td>
        </tr>
        <tr>
            <td>15</td>
            <td>16</td>
            <td>17</td>
            <td>18</td>
            <td>19</td>
            <td>20</td>
            <td>21</td>
        </tr>
        <tr>
            <td>22</td>
            <td>23</td>
            <td>24</td>
            <td>25</td>
            <td>26</td>
            <td>27</td>
            <td>28</td>
        </tr>
        <tr>
            <td>29</td>
            <td>30</td>
            <td>31</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

</body>
</html>

cosi?

edit: ho aggiunto un minimo di formattazione

franksisca · 06-02-2013, 14:07

Quote:

Originariamente inviato da pierosa

Codice PHP:


			
....

cosi?

edit: ho aggiunto un minimo di formattazione

grazie, appena possibile lo provo, grazie mille comunque

Lifedj · 07-02-2013, 12:02

Quote:

Originariamente inviato da franksisca

no, perchè ho anche le frecce di navigazione, quindi

Codice:

		<tr>
			<th colspan='3'>Mese</th>
			<th colspan='4'>Anno</th>
		</tr>

diventerebbe

Codice:

		<tr>			
                        <th ><</th>
			<th colspan='2'>Mese</th>			
                        <th >></th>

			<th ><</th>
			<th >Anno</th>
			<th >></th>
		</tr>

e la formattazione salterebbe, e i giorni comunque sono abbreviati a 3 caratteri.

Ok, ma se le frecce invece di metterle in una nuova colonna le mettessi nella stessa in cui c'è scritto Mese e Anno non cambierebbe, cioè così:

Codice HTML:

<thead>
		<tr>
			<th colspan='3'>< Mese ></th>
			<th colspan='4'>< Anno ></th>
		</tr>
	</thead>

Ps. ovviamente al posto di < e > devi usare < e > come giustamente fatto da "pierosa"! ;-)

franksisca · 07-02-2013, 17:55

no perchè su quelle freccete ci sono collegati javascript...o meglio, forse si posso farlo....ci metto un <a....../> e vedo se ci riesco

grazie per la dritta

Lifedj · 07-02-2013, 18:47

Figurati! ;-)
Poi facci sapere se ci riesci! ;-)

franksisca · 07-02-2013, 18:52

Quote:

Originariamente inviato da Lifedj

Figurati! ;-)
Poi facci sapere se ci riesci! ;-)

se riesco a slegarmi dalle altre cose si, ovvio che vi faccio sapere

05-02-2013, 11:28	#1
franksisca Senior Member Iscritto dal: May 2005 Città: Roma Messaggi: 7938	[HTML?] Formattazione di un Tabella devo fare una tabella che abbia questa forma Codice: ----------------------------- \| < mese > < anno > \| ----------------------------- \|lun\|mar\|mer\|gio\|ven\|sab\|dom\| ----------------------------- \| giorni del mese \| ----------------------------- vorrei che la riga "mese e anno" fosse indipendente dalle colonne dei giorni, intendo come larghezza. ora invere nei mesi più "lunghi" mi si ridimensionano ovviamente anche i giorni. esiste un modo per fare ciò? __________________ My gaming placement

06-02-2013, 13:19	#6
pierosa Member Iscritto dal: Jan 2007 Messaggi: 189	Codice PHP: <html> <head> <title></title> <style type="text/css"> table { border-spacing:0; border-collapse:collapse; border: 1px solid black; } table thead tr { border: 2px solid black; } table thead tr td{ border: 2px solid black; padding: 0.1em; text-align: center; } td { width: 2em; text-align: center; } table tbody tr td{ border: 1px solid black; } </style> </head> <body> <table> <thead> <tr> <th><</th> <th>Mese</th> <th>></th> <th></th> <th><</th> <th>Anno</th> <th>></th> </tr> <tr> <td>Lun</td> <td>Mar</td> <td>Mer</td> <td>Gio</td> <td>Ven</td> <td>Sab</td> <td>Dom</td> </tr> </thead> <tbody> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> </tr> <tr> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> <td>13</td> <td>14</td> </tr> <tr> <td>15</td> <td>16</td> <td>17</td> <td>18</td> <td>19</td> <td>20</td> <td>21</td> </tr> <tr> <td>22</td> <td>23</td> <td>24</td> <td>25</td> <td>26</td> <td>27</td> <td>28</td> </tr> <tr> <td>29</td> <td>30</td> <td>31</td> <td></td> <td></td> <td></td> <td></td> </tr> </tbody> </table> </body> </html> cosi? edit: ho aggiunto un minimo di formattazione Ultima modifica di pierosa : 06-02-2013 alle 13:54.

07-02-2013, 17:55	#9
franksisca Senior Member Iscritto dal: May 2005 Città: Roma Messaggi: 7938	no perchè su quelle freccete ci sono collegati javascript...o meglio, forse si posso farlo....ci metto un <a....../> e vedo se ci riesco grazie per la dritta __________________ My gaming placement

05-02-2013, 13:21	#2
Lifedj Member Iscritto dal: Sep 2008 Messaggi: 128	Beh, per farle essere indipendenti forse ti tocca fare 2 tabelle diverse? Senò prova a spiegarci meglio cosa devi fare! Magari allega il codice html che usi!

07-02-2013, 18:47	#10
Lifedj Member Iscritto dal: Sep 2008 Messaggi: 128	Figurati! ;-) Poi facci sapere se ci riesci! ;-)

Strumenti
Mostra una versione stampabile Invia questa pagina per email