CSS text align: ... viene ignorato

[VSA]

Ciao

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

Il punto del CSS in questione è:

.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.

<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-

[alemoppo]

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!

[VSA]

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 è:

        <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... è:

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

[VSA]

Ciao.

Ho risolto, grazie!

Comunque se sai qualcosa riguardo a:

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!

[alemoppo]

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

Ciao!