CSS text align: ... viene ignorato

Ciao

mi sto schiantando in questo codice che non riesco a far funzinare e ne sto uscendo pazzo... :incavolat

Il punto del CSS in questione è:

Codice:

---

.Crp_TestoAllineaOrizz_DS {
  text-align: right;
  text-decoration: red underline overline wavy;
}

---

Il .Crp_... viene analizzato perchè la text-decoration viene applicata,
ma dell'allineamento non ne vuol sapere.

Codice:

---

<crp_testo class="Crp_Testo">

    <table id="sceneggiatura_grid" class="table table-condensed table-hover table-striped bootgrid-table" width="100%" cellspacing="0" border="1">
        <tbody id="_editable_table">
            <tr data-row-id="1">
                <td colspan="2"></td>
                <td class="editable-col" width="1%" contenteditable="false" oldval="1" col-index="0"></td>
                <td class="editable-col" contenteditable="true" oldval="3Convenzioni: " col-index="0">
                    <crp_testoallineaorizz_ds class="Crp_TestoAllineaOrizz_DS">

                        3Convenzioni:

                    </crp_testoallineaorizz_ds>
                </td>
            </tr>

---

questo codice è incluso in un php.

Dove posso aver sbagliato?
Come posso indagare per trovare l'errore?


Grazie

E-

Per il CSS (in generale anche per javascript) ti consiglio di utilizzare gli strumenti per sviluppatore integrati nei browser.
Detto questo, i tag HTML non dovrebbero essere inventati ma vanno utilizzati quelli standardizzati: non esiste il tag <crp_testo> o <crp_testoallineaorizz_ds>.

Nel tuo caso, comunque, il testo non viene allineato a destra perché il contenitore (seppur non standardizzato) è largo quanto il testo, quindi anche allineandolo a destra visivamente non si nota nulla di diverso. Se vuoi allineare il contenuto della cella della tabella a destra, dovresti impostarlo dall'elemento "contenitore" largo, ovvero dal <td>.

Infine, si sconsiglia di utilizzare le tabelle per fare layout di siti (semplicemente perché non sono stati pensati per questo).

Ciao!

Ciao Alemoppo, Grazie!

V'è un modo diverso per fare delle "tabelle" editabili inline
che prendono stringhe da DB [tramite php nel mio caso]
e lo rendono modificabile direttamente dalla pagina come si editasse un file di testo?

Il codice che uso ora è:

Codice:

---

        <table ID="sceneggiatura_grid" class="table table-condensed table-hover table-striped bootgrid-table" border=0 width="100%" cellspacing="0">
            <tbody ID="_editable_table">
              <?php foreach($Esitovsap_sqlCrp_Testo as $res) :?>
              <tr data-row-ID="<?php echo $res['ID'];?>">
                      <td class="editable-col" contenteditable="false" col-index='0' oldVal ="<?php echo @$res['ID'];?>" width=1%><b><?php echo $res['ID'];?></b></td>
                <td class="editable-col" contenteditable="true" col-index='0' oldVal ="<?php echo @$res['Testo'];?>" width=100%><?php
                                        $sTestoFonteFormato = $res['TestoFonteFormato'];
                                  $nTestoAllineaOrizz = $res['TestoAllineaOrizz'];
                    TestoFonteFormato_ApriCSS($sTestoFonteFormato);
                    TestoAllineaOrizz_ApriCSS($nTestoAllineaOrizz);
                      echo $res['Testo'];
                    TestoAllineaOrizz_ChiudiCSS($nTestoAllineaOrizz);
                    TestoFonteFormato_ChiudiCSS($sTestoFonteFormato);
                ?></td>
              </tr>
              <?php endforeach;?>
          </tbody>
        </table>

---

dove TestoAllineaOrizz_ApriCSS... è:

Codice:

---

function TestoAllineaOrizz_ApriCSS($nTestoAllineaOrizz) {
//$nTestoAllinea="1"; // 1:Sinistra 2:Centro 3:Destra 4:Giustificato
  switch($nTestoAllineaOrizz) {
    case "" : ?><Crp_TestoAllineaOrizz_SN class="Crp_TestoAllineaOrizz_SN"><?php break;        // Nessuna formattazione
    case "1": ?><Crp_TestoAllineaOrizz_SN class="Crp_TestoAllineaOrizz_SN"><?php break;
    case "2": ?><Crp_TestoAllineaOrizz_CN class="Crp_TestoAllineaOrizz_CN"><?php break;
    case "3": ?><Crp_TestoAllineaOrizz_DS class="Crp_TestoAllineaOrizz_DS"><?php break;
    case "4": ?><Crp_TestoAllineaOrizz_GS class="Crp_TestoAllineaOrizz_GS"><?php break;
  } // fine switch
}

---

Ho capito il concetto che hai spiegato molto bene ma non come intendi andrebbe modificato.

Grazie!

Ermanno

Ciao.

Ho risolto, grazie!

Comunque se sai qualcosa riguardo a:

Citazione:

---

V'è un modo diverso per fare delle "tabelle" editabili inline
che prendono stringhe da DB [tramite php nel mio caso]
e lo rendono modificabile direttamente dalla pagina come si editasse un file di testo?

---

...
Grazie ancora!

Puoi farlo tramite un form. Impostando gli input (text?) e tramite CSS puoi affiancarli come vuoi.

Ciao!