allineamento dati dentro celle tabella

**blur** · 07-11-2006, 18:53

ciao,
mettiamo caso di avere 2 celle di una tabella, affiancate.
Se all'interno di una cella inserisco del testo più lungo della larghezza della cella, il testo giustamente va a capo. Però nella cella a lato, il testo inserito ( che non va a capo), anzichè rimanere allineato sul top della cella, rimane al centro.
come posso fare in modo che invece rimanga allineato al top?
questo è il css:

codice:

table.tabella1{
          width:90%;
          border-collapse: collapse;
          margin: 0 auto;
          text-decoration:none;
      }

table.tabella1 td {
         font-family: arial, Helvetica, verdana, sans-serif, impact, Times New Roman;
          font-size:.85em;
          text-decoration:none;
}

grazie

**Mich_** · 08-11-2006, 09:54

Quello da te chiesto dovrebbe essere il default.
Pero` potresti aver degli attributi HTML che centrano il contenuto.

Controlla in tutti i tag della tabella di non avere attributi di formattazione; e verifica anche che non ci siano altre cose del CSS che centrano il testo.

**blur** · 08-11-2006, 10:45

ho fatto una pagina di prova. ho aggiunto un witdh alla cella e tolto quello della tabella, ma anche se lo lasciavo non cambiava nulla:

codice:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>prova</title>

<style type="text/css">
table.tabella1{
          font-size:1em;
          border-collapse: collapse;
          text-decoration:none;
      }

table.tabella1 td {width:150px;
         font-family: arial, Helvetica, verdana, sans-serif, impact, Times New Roman;
          font-size:.85em;
         border: 1px solid #D4D0C7;
         padding:2px;
         text-decoration:none;
}
</style>
<body>

<table class="tabella1">

        <tr>
              <td>Formato:48 pagine in b/n, cm 21x28 brossura a filo refe che funziona</td>
              <td>Prezzo: 6.50 €</td>

      </tr>

 </table>
 </body>
 </html>

non cambia nulla

la cella dove c'è il prezzo rimane centrato....

**Mich_** · 08-11-2006, 11:38

Ci sono errori sia di HTML che di CSS: ti conviene passare dai validatori, prima di andare a cercare le motivazioni di comportamenti scorretti:
validatore HTML e validatore CSS

**blur** · 08-11-2006, 12:15

ok, ho sistemato sia l'html che il CSS,
ma come prevedevo non cambia nulla.
il problema persiste....

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>prova</title>

<style type="text/css">
table.tabella1{
          font-size:1em;
          border-collapse: collapse;

      }

table.tabella1 td {width:150px;
         font-family: arial, Helvetica, verdana, sans-serif, impact, "Times New Roman";
          font-size:.85em;
         border: 1px solid #D4D0C7;
         padding:2px;

}
</style>
</head>
<body>

<table class="tabella1">

        <tr>
              <td>Formato:48 pagine in b/n, cm 21x28 brossura a filo refe che funziona</td>
              <td>Prezzo: 6.50 €</td>

      </tr>

 </table>
 </body>
 </html>

**Mich_** · 08-11-2006, 12:55

Ho qualche perplessita` sul linguaggio XHTML1.1.
Per i browser standard, manca il prologo XML, mentre a IE6 non si riesce a farglielo capire correttamente.
Comunque non e` questo il problema specifico.

Ora dovresti provare ad aggiungere al CSS della cella:
vertical-align: top;
(o altro valore che ritieni corretto)

Discussione: allineamento dati dentro celle tabella

Strumenti discussione

Ricerca discussione

Visualizza

allineamento dati dentro celle tabella

Permessi di invio