allineamento con CSS

**sophie aubrey** · 05-09-2005, 21:26

Volevo sapere come posso fare ad allineare questo elenco:
Paese: Australia
Anno: 1990
Genere: drammatico
Regia: Stephen Wallace
Sceneggiatura: Denis Whitburn/Brian A. Williams
Musiche: David Mc Hugh
Fotografia: Russell Boyd
Montaggio: Nicholas Beauman
Scenografia: Suza Mayburn
Costumi: Roger KirK
Cast: Russell Crowe (Ten. Corbett)
Bryan Brown (Cap. Cooper)
George Takei (Barone Takahashi)
Terry O'Quinn (Magg. Beckett)
Rodney John Bach (Magg. Roberts)
Thoshi Shioya (Ten. Tanaka)
John Clarke (Sheedy)
Deborah Unger (Infermiera Littell)
John Polson (Jimmy Fenton)
Tetsu Watanabe (Capt. Ikeuchi)
Kazuro Muroyama(Ten. Noburo Kamura)
Produttori: Charles Waterstreet/Denis Whitburn/Brian A. Williams
Produzione: Blood Oath Production/Siege/Sovereign Pictures/Village Roadshow Production
Grazie.

**sophie aubrey** · 05-09-2005, 21:29

Ho visto sul messaggio che ho appena inviato che è trascritto male quello che voglio intendere è:
sceneggiatura sasasasasasasas
musiche rtrtrtrtrtrtrtr
costumi gfgfgfgfgfgfgfgf
Ecco più o meno così e siccome nei css nn ci cono spazi..... mi sono arenata.
Grazie di nuovo.

**sophie aubrey** · 05-09-2005, 21:33

Evidentemente questo forum nn calcola gli spazi che io do' mentre scrivo allora ve lo spiego.
Per esempio scrivo sceneggiatura e lascio spazi di modo che l'elenco di sinistra (sceneggiatura, musiche testi ecc) e quello di destra (i nomi) risultino incolonnati perfettamente (ovviamente su due colonne vicine).
Spero di essermi spiegata bene: Arigrazie

**elMoko** · 05-09-2005, 22:03

Salut sophie,

Usa una tabella:

codice:

<table cellspacing="0" cellpadding="2" border="0">
   <tr>
      <th>Paese</th>
      <td>Australia</td>
   </tr>
   <tr>
      <th>Anno</th>
      <td>1990</td>
   </tr>
   <tr>
      <th>Genere</th>
      <td>Drammatico</td>
   </tr>
   <tr>
      <th>...</th>
      <td>...</td>
   </tr>
</table>

**sophie aubrey** · 05-09-2005, 23:16

Ciao e grazie mille,
sai sono alle prime armi e ti dico cosa mi è capitato.
Ho fatto un sito in html e l'ho messo in rete. Non tutti riescono a vederlo come me e allora ho scoperto che devo rifarlo tutto con i css
immagina cime sto. Sto studiando da tre giorni e sono principiante autodidatta in assoluto.
Volevo chiederti una cosa: Ho fatto la tabella ed è bellissima ora volevo sapere dove e come inserire i valori di grandezza, colore e font del testo.
Spero di non scocciarti ma ho bisogno di aiuto.
Grazie

**elMoko** · 05-09-2005, 23:33

All'interno del head:

codice:

<style type="text/css">
/* Definisci stili alla tabella nel suo insieme */
.tabella {
  border-top: 2px solid #333333;
}
/* Definisci stili alle testate di tabella (th) */
.tabella th {
   border-bottom: 1px solid #CCCCCC;
   padding: 3px 5x;
   font: bold 12px Verdana, Tahoma, sans-serif;
   color: #333333;
}
/* Definisci stili alle celle (td) */
.tabella td {
   border-bottom: 1px solid #CCCCCC;
   padding: 3px 5x;
   font: normal 12px Verdana, Tahoma, sans-serif;
   color: #666666;
}
</style>

Poi dove c'e' la tabella:

codice:

<table cellspacing="0" cellpadding="2" border="0"  class="tabella">
   <tr>
      <th>Paese</th>
      <td>Australia</td>
   </tr>
   <tr>
      <th>Anno</th>
      <td>1990</td>
   </tr>
   <tr>
      <th>Genere</th>
      <td>Drammatico</td>
   </tr>
   <tr>
      <th>...</th>
      <td>...</td>
   </tr>
</table>

Sicuramente saprai, se hai veramente studiato

, che gli stili CSS possono essere definiti in file esterni, all'interno del documento tra i tag <head> e </head> (come nel mio esempio) oppure direttamente come attributo "style" di un tag specifico.

Bon travail Sophie

**awd** · 06-09-2005, 00:27

mmm non sono convinto che la tabella sia la scelta migliore, almeno a livello semantico!
Si potrebbe usare una lista DL flottando l'elemento DT a sinistra e dargli una larghezza, magari relativa, ma temo che diventi una cosa troppo complicata da spiegare!
Per il cast si userebbe una lista UL

**sophie aubrey** · 06-09-2005, 01:28

Non so se hai letto il mio post sopra ma io sono agli esordi e mi domando e dico perchè nn si può fare un sito col semplice htlm?
2 mesi buttati via e ora ricominciamo da capo con i cc e per me è complicatissimo visto che sono principiantissima.
Volevo sapere se c'era un modo più semplice per inserire nella tabella i dati del testo: font color ecc
Ti ringrazio ma purtroppo per me quello che hai detto è arabo.

Ciao.

**Mich_** · 06-09-2005, 09:04

Per fare una pagina Web con criteri moderni:
1. il contenuto
2. la struttura che deve rispecchiare la struttura logica, non l'impaginazione
3. i tag XHTML corretti (usati per loro significato semantico - cioe` ad ogni funzione un tag specifico
4. attribuire ai vari blocchi/tag degli id oppure classi
5. definire i CSS per i vari id/classi in modo da impaginare correttamente

L'ordine e` importante. Se lo inverti, ti capita di sistemare una cosa e far sballare un'altra.

Comunque dovresti leggerti le guide ai CSS che trovi in rete. Quella di HTML.it e` fatta piuttosto bene.

Se ancora non capisci, significa che ti mancano le basi della programmazione HTML: forse allora un buon libro ti puo` aiutare. Tra i "link utili" ce ne sono citati diversi.

**elMoko** · 06-09-2005, 09:30

Awd, certe cose si possono fare solo con le tabelle

Sarebbe un'errore sciocco obbligare se stesso a non usare tabelle. Un layout è giusto che sia in CSS quanto è vero che un layout in tabelle è completamente ridicolo, ma il sig. Contenuto di un documento deve essere rappresentato nel modo più accessibile e chiaro all'utente, che sia sotto forma di tabella, lista, paragrafo etc...

Inoltre: i tag HTML hanno funzioni specifiche; è concettualmente errato usare trucchetti del tipo > navigazione orizzontale definito da <ul>[*]<a></a>[*]<a></a>... in quanto questi tag sono stati creati nell'unico scopo di formattare il contenuto in liste verticali e non per la navigazione! Rappresentare il contenuto sotto forma di tabella usando solo <ul>[*][/list]floattati é ridicolo quanto inaccessibile (pensa solo al risultato quando visto con un screen-reader or un browser testuale).

Sophie, torniamo a noi:

La tabella é puro HTML, la metti all'intenro del body del documento (tra <body> e </body>).
Ti basta un copia/incolla di questa qui sopra.

Come evevi già notato, così la tabella é un po triste, dobbiamo quindi "stilizzarla". Se tu copi/incolli questo:

codice:

<style type="text/css">
.tabella {
  border-top: 2px solid #333333;
  border-bottom: 2px solid #333333;
}
.tabella th {
   border-bottom: 1px solid #CCCCCC;
   padding: 3px 5x;
   font: bold 12px Verdana, Tahoma, sans-serif;
   color: #333333;
   text-align: left; 
}
.tabella td {
   border-bottom: 1px solid #CCCCCC;
   padding: 3px 5x;
   font: normal 12px Verdana, Tahoma, sans-serif;
   color: #666666;
   text-align: left;
}
</style>

nella tua pagina HTML, tra <head> e </head>, vedrai che la tabella appare già piu bella

Fin qui dovrebbe essere "abbastanza" facile... no? Dopo, per personalizzare ulteriormente l'aspetto della tabella dovresti imparare un po il CSS... su HTML.it troverai delle guide, altrimenti su Google (ormai non si usano più i tag <FONT>).
Coraggio

Discussione: allineamento con CSS

Strumenti discussione

Ricerca discussione

Visualizza

allineamento con CSS

CSS e Tabelle, tra ossessione e necessità

Permessi di invio