Mi serve un mano :D

Ciao, come faccio ad allineare il testo di una tabella di html usando un foglio di stile css? La tabella è divisa in 3 colonne per 3 righe, vorrei fare in modo che la prima colonna sia allineata a sinistra, la centrale al centro e quella di destra a destra, ho pensato che per allineare la centrare al centro avrei potuto usare il tag th visto che allinea direttamente al centro, ma per le altre 2 come posso fare?
- It's a JoJo reference?! -



Ma tu intendi una cosa di questo genere?

@xbloody_foxx (Modificato 13/11/2016, 14:22 da Fabriyo98.)
    Se ti sono stato d'aiuto ricorda di lasciare un [Immagine: 2wpnh9e.png]oppure un [Immagine: rwpbud.png]
Notizie Games / Youtube / Planetminecraft

[Immagine: vt1koCW.png]

Non so granchè di html e css...
La mia tabella è divisa in 3 colonne e 3 righe (quindi 9 riquadri)
La prima colonna deve avere il contenuto allineato a sinistra, la 2 colonna al centro e la terza a destra.

<!doctype html>
<html lang="it">
<head>
<link href="Stile2.css" rel="stylesheet" type="text/css" media="screen"/>
<meta charset="utf-8"/>
<title>ESERCIZO 2</title>
</head>
<body>
<table>
<tr>
<td> LT </td> <td> CT </td> <td> RT </td>
</tr>

<tr>
<td> LM </td> <td> CM </td> <td> RM </td>
</tr>

<tr>
<td> LB </td> <td> BC </td> <td> BR </td>
</tr>
</table>
</body>
</html>




















table, td{
border: 1px solid grey;
}

td{
height: 35px;
width: 35px;
text-align: left;
} (Modificato 13/11/2016, 14:31 da OldPhantom.)
- It's a JoJo reference?! -



Lho provato e il tuo funziona esattamente come lhai descritto ma senza tabella, comunque prova il mio, ho creato una tabella come avevi specificato te con la suddivisione richiesta. @xbloody_foxx (Modificato 13/11/2016, 14:48 da Fabriyo98.)
    Se ti sono stato d'aiuto ricorda di lasciare un [Immagine: 2wpnh9e.png]oppure un [Immagine: rwpbud.png]
Notizie Games / Youtube / Planetminecraft

[Immagine: vt1koCW.png]

Mi prendi per il **** :/?
La tabella c'è ma non me li incolonna come voglio io.....
- It's a JoJo reference?! -



13/11/2016, 15:15Xbloody_foxX ha scritto: Mi prendi per il **** :/?
La tabella c'è ma non me li incolonna come voglio io.....

allora mi hai scritto male il codice, perchè non appare nessuna tabella... ed inoltre moderati che sono qui per aiutarti senno buona fortuna. :/

Rimandami il codice scritto bene. (Modificato 13/11/2016, 15:19 da Fabriyo98.)
    Se ti sono stato d'aiuto ricorda di lasciare un [Immagine: 2wpnh9e.png]oppure un [Immagine: rwpbud.png]
Notizie Games / Youtube / Planetminecraft

[Immagine: vt1koCW.png]

Da me il codice funziona, la tabella mi appare ma le scritte non sono incolonnate come voglio io!
Ma se ti ho scritto sopra che non so quasi nulla....quindi come capisco se l'ho scritto male
- It's a JoJo reference?! -



@Xbloody_foxX


ecco il codice:

Codice:
<!doctype html>
<html lang="it">
<head>
<meta charset="utf-8"/>
<title>ESERCIZO 2</title>
<style>

table, td {border: 1px solid black;}

table {width:400px;}

.seconda {text-align:center;}

.terza {text-align:right;}


</style>
</head>
<body>

<table>
<tr>
<td>LT</td>
<td class="seconda">CT</td>
<td class="terza">RT</td>
</tr>
<tr>
<td>LM</td>
<td class="seconda">CM</td>
<td class="terza">RM</td>
</tr>
<tr>
<td>LB</td>
<td class="seconda">BC</td>
<td class="terza">BR</td>
</tr>
</table>

</body>
</html>

Spiegazione:
-definiamo una classe alla seconda e terza cella di ogni riga per differenziarle
-con un foglio di stile interno diamo una larghezza fissa alla tabella e un bordo nero a tabella + cella
-sempre con il foglio di stile definiamo l'allineamento del testo della cella con classe 'seconda' e 'terza'

Extra:
Si può anche ridurre il codice ma ho preferito tenerlo semplice da capire, dato che hai detto che sei agli inizi.
spero ti sia di aiuto Smile


PICCOLO EDIT: il tag <th> va usato non per centrare ma per definire celle di intestazione. (Modificato 13/11/2016, 17:59 da theMO.)
themo che quando la capirai sarà troppo tardi...
1 utente apprezza questo post
Grazie mille ^^
- It's a JoJo reference?! -



Discussioni simili
Ultima risposta: IProGamerITA
28/10/2017, 13:13
Ultima risposta: TheCrazyGamer73
27/10/2017, 15:28
Ultima risposta: TheCrazyGamer73
27/06/2017, 09:44
 
[Richiesta] Commissione :D
1 192
Ultima risposta: ErSimone
24/06/2017, 10:48

Utente(i) che stanno guardando questa discussione: 1 Ospite(i)