• User Newbie

    allineamento di un componente all'interno di un blocco

    Salve,
    desidero chiedervi come posso allineare verticalmente i pulsanti di scelta del componente "sondaggio" (com_poll) presente sul blocco user1 ?

    (vedi foto allegata)

    Inoltre chiedo se è normale che la creazione dei files pdf causa la mancata formattazione del testo (problemi di spaziatura). E' possibile risolvere il problema ?

    Ringrazio e saluto

    Nuccio


  • Super User

    Ciao, non ho ora sotto mano il css del templates di joomla...ma se non ricordo male dovresti scrivere nel foglio di stile:

     .pollstableborder {
        text-align: left;
    }
    

    Per il secondo problema non so aiutarti. 😞


  • User Newbie

    Grazie per la risposta, in effetti il componente viene allineato a sinistra ma i pulsanti di selezioni non si allineano.
    Oltre al file pollbars.css sono presenti i files: poll.php, poll.html.php e poll.class.php
    Dove occorre intervenire ? Conosco l'html ma non il php, sembrerebbe che il form sia integrato nel file poll.php, cosa mi consigliate di fare ?
    Grazie!!!

    Nuccio


  • Super User

    Prova con:
    .poll .sectiontableentry1 {margin:0px;text-align:left;}
    .poll .sectiontableentry2 { margin:0px;text-align:left;}


  • User Newbie

    Grazie Pikadilly per il contributo che stai offrendo, ma devo segnalarti che anche questa volta il suggerimentio non ha sortirto alcun effetto.

    Visto che non sono un "utente premium" del forum, non posso scrivere url, ma allego alla presente il componente, solo per chiedere se è possibile trovare una soluzione semplice e soprattutto veloce.... senza soffermarti più di tanto.... altrimenti cercherò altri componenti in giro per la rete.

    Grazie ancora e complimenti per i tuoi lavori: il sito e il blog sono ben strutturati ed eleganti.

    Nuccio


  • Super User

    Ok, il problema non è il modulo ma la formattazione css, mi sono fatta mandare l'url del sito così da poter visionare per bene il problema che ora riporto di seguito.

    Ecco lo stile che da il problema:

    .sectiontableentry1 {
        background-color:#E6EFF6;
        text-align:left;
        padding-right: 5px;
        margin-right: 5px;
        
    }
    
    .sectiontableentry2 {
        background-color:#EEEEEE;
        padding:5px;
        text-align:left;
        margin-right: 5px;
    }
    ```Queste due classi devono essere identiche(cambiare eventualmente solo il colore di sfondo), invece qui (segnato in rosso) ci sono i padding differenti. Sectiontableentry1 ha il padding destro settato a 5px, setiontableentry2 invece ha 5px per tutto.
    
    Hai due strade:
    **Togli del tutto il padding alle due classi:**
    
    

    .sectiontableentry1 {
    background-color:#E6EFF6;
    text-align:left;
    margin-right: 5px;

    }

    .sectiontableentry2 {
    background-color:#EEEEEE;
    text-align:left;
    margin-right: 5px;

    }

    Metti a 5px (o altro) tutto anche in setiontableentry2:**
    
    

    .sectiontableentry1 {
    background-color:#E6EFF6;
    text-align:left;
    margin-right: 5px;
    padding:5px;

    }

    .sectiontableentry2 {
    background-color:#EEEEEE;
    text-align:left;
    margin-right: 5px;
    padding:5px;

    }


  • User Newbie

    Ce l'abbiamo fatta!!! :sun:

    Grazie per la pazienza e per il tempo che mi hai dedicato oggi, domenica.

    Nuccio


  • Super User

    Di nulla, probabilmente è stato un errore inserito per caso dal realizzatore del template.

    Buon lavoro 😉