Visualizzazione risultati 1 fino 5 di 5
Like Tree1Likes
  • 1 Post By alemoppo

Discussione: CSS text align: ... viene ignorato

  1. #1
    VSA
    VSA non  connesso Neofita
    Data registrazione
    30-07-2014
    Messaggi
    11

    Question CSS text align: ... viene ignorato

    Ciao

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

    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-
    Ultima modifica di VSA : 24-04-2018 alle ore 09.58.00

  2. #2
    L'avatar di alemoppo
    alemoppo  connesso ora Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    11,882

    Predefinito

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

  3. #3
    VSA
    VSA non  connesso Neofita
    Data registrazione
    30-07-2014
    Messaggi
    11

    Predefinito

    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

  4. #4
    VSA
    VSA non  connesso Neofita
    Data registrazione
    30-07-2014
    Messaggi
    11

    Predefinito

    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!

  5. #5
    L'avatar di alemoppo
    alemoppo  connesso ora Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    11,882

    Predefinito

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

    Ciao!

Tags for this Thread

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •