Guida alla creazione di tabelle

linguaggio base per la pubblicazione di pagine web
Autore Messaggio
 Oggetto del messaggio: Guida alla creazione di tabelle
MessaggioInviato: sab ago 25, 2007 10:26 pm 
Avatar utente
Non connesso
Founder
Founder

Iscritto il: gio ago 09, 2007 11:35 am
Messaggi: 1371
Località: Roma
Personalmente trovo che il modo migliore per fare una tabella sia usare Front Page.

Vediamo nel dettaglio cosa fare !

Apriamo Front Page in modalità normale (in basso al programma). Posizioniamoci nel punto in cui vogliamo che appaia la tabella e dal menu in alto scegliamo Tabella->Inserisci->Tabella.

Ci si aprirà questa finestra :

[center]Immagine[/center]
Dovremo scegliere per prima cosa quanti righe e colonne debba avere la tabella, il poszionamento della stessa rispetto al resto del sito, le dimensioni in pixel o in percentuale, le dimensioni e i colori dei bordi e il colore dello sfondo della tabella.

n.b. mettendo 0 come valore delle dimensioni dei bordi avremo una tabella invisibile ;)

Con le opzioni riportate nelle immagini il risultato finale sarà questo :

[center]Immagine[/center]

Se ci portiamo in modalità codice possiamo vedere la sorgente della tabella :

Codice: Seleziona tutto
<table border="1" width="80%" bgcolor="#FF0000"
style="border-collapse: collapse" height="0" bordercolor="#000000" id="table1">
   <tr>
      <td> </td>
      <td> </td>
   </tr>
   <tr>
      <td> </td>
      <td> </td>
   </tr>
   <tr>
      <td> </td>
      <td> </td>
   </tr>
   <tr>
      <td> </td>
      <td> </td>
   </tr>
</table>


Ovviamente i contenuti vanno messi all'interno delle celle
Codice: Seleziona tutto
<td></td>


Se clicchiamo all'interno di una di queste celle ci si aprirà questa finestra dove potremo impostare soprattutto come verrano disposti gli oggetti all'interno della cella.

[center]Immagine[/center]

Con un allineamento centrato nella prima cella la sorgente sarà :

Codice: Seleziona tutto
<table border="1" width="80%" bgcolor="#FF0000"
style="border-collapse: collapse" height="0" bordercolor="#000000" id="table1">
   <tr>
      <td align="center"> </td>
      <td> </td>
   </tr>
   <tr>
      <td> </td>
      <td> </td>
   </tr>
   <tr>
      <td> </td>
      <td> </td>
   </tr>
   <tr>
      <td> </td>
      <td> </td>
   </tr>
</table>


Profilo
 WWW E-mail  
 
 Oggetto del messaggio: Re: Guida alla creazione di tabelle
MessaggioInviato: ven feb 22, 2008 8:58 pm 
Avatar utente
Non connesso
Moderatore
Moderatore

Iscritto il: gio ago 16, 2007 11:12 am
Messaggi: 867
Località: In cima alla catena alimentare
Ho un piccolo problema da risolvere sul mio template !!!!!
Non riesco ad arrotondare gli angoli dei box del mio blog
riesco a fare i contenitori squadrati ma gli angoli smussati o arrotondati mi farebbero piacere .
Luca ..........aiutooooooo :(

_________________
Immagine


Profilo
 WWW  
 
 Oggetto del messaggio: Re: Guida alla creazione di tabelle
MessaggioInviato: ven feb 22, 2008 9:33 pm 
Avatar utente
Non connesso
Founder
Founder

Iscritto il: gio ago 09, 2007 11:35 am
Messaggi: 1371
Località: Roma
allora, precisiamo una cosa, lo smusso degli angoli non è altro che un'immagine :OO: , molto piccola, con lo sfondo dell'intestazione e al lato la smussatura dell'angolo.

Immagine

per le tabelle devi creare una riga d'intestazione e dividerla in tre celle e poi con un programma grafico creare gli sfondi per i due angoli e per il corpo centrale.

se stai lavorando sul tuo blog su splinder al 99% hai creato un box in css e il discorso è simile, creare le immagini per gli angoli e con il codice allinearli nella giusta posizione.

mi rendo conto che non è un discorso facile quindi prova a leggere [url=http://www.isola-atlantide.com/forum/c-s-s-f24/creare-box-arrotondati-t635.html]qui[/url]

_________________
Immagine
Immagine

Immagine


Profilo
 WWW E-mail  
 
Visualizza ultimi messaggi:  Ordina per  

Chi c’è in linea

Visitano il forum: Nessuno e 1 ospite