Visualizzazione dei risultati da 1 a 9 su 9
  1. #1

    Formattazione Listato Programmi

    Ho impostato nel mio css che il listato dei programmi mi deve essere così formattato.

    codice:
    .preformat{
        color: #000000;
        background: #eee8aa;
        padding: 7px;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px dashed #7BA813;
       
        white-space : pre;
        font-family :  "courier new", courier, consolas, FreeMono, monospace;
    }

    Ora vorrei miglioralo in modo tale che quando il testo supera i margini laterali mi si possa leggere mediante una barra di scorrimento, come se il pagrafafo fosse una specie di casella di testo.

    E' possibile relizzare ciò?
    Giuseppe SPECCHIO

  2. #2
    codice:
    .preformat{
        color: #000000;
        background: #eee8aa;
        padding: 7px;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px dashed #7BA813;
        overflow : auto;
        white-space : pre;
        font-family :  "courier new", courier, consolas, FreeMono, monospace;
    }

  3. #3
    Io ti ringrazio per la celerità nella risposta, ma non ha avuto alcun effetto sul

    <p class="preformat"> ... </p>

    il codice in eccesso esce sempre fuori dal boxbox
    Giuseppe SPECCHIO

  4. #4
    codice:
    p.preformat{
        color: #000000;
        background: #eee8aa;
        padding: 7px;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px dashed #7BA813;
        overfloat : auto;
        white-space : pre;
        font-family :  "courier new", courier, consolas, FreeMono, monospace;
    }
    Strano perchè apportando le stesse modifiche con Firebug ottengo il risultato sperato...

  5. #5
    quindi che si fa in questi casi?
    Giuseppe SPECCHIO

  6. #6
    Apporta le modificche al sito e poi controllo.

  7. #7
    Originariamente inviato da H5N1_Aviaria
    codice:
    p.preformat{
        color: #000000;
        background: #eee8aa;
        padding: 7px;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px dashed #7BA813;
        overfloat : auto;
        white-space : pre;
        font-family :  "courier new", courier, consolas, FreeMono, monospace;
    }
    Strano perchè apportando le stesse modifiche con Firebug ottengo il risultato sperato...
    avevo scritto overfloat al posto di overflow ... quello era il problema!
    Giuseppe SPECCHIO

  8. #8
    L'errore l'avevo commesso prima io!

  9. #9
    Potresti usare anche una lista ordinata e formattarla come hai fatto tu. In questo modo avresti anche la possibilità di aggiungere automaticamente i numeri di riga. questo è molto comodo quando hai a che fare con molto codice, specie di linguaggi di programmazione. è una cosa che avrei voluto vedere sui siti C++ che frequentavo:

    codice:
    ol {margin: 1em 0; padding: 0.3em 0.3em 0.3em 2.5em; border: 1px dashed #000;}
    li {margin: 2px 0; padding: 2px; background: #f1f1f5; color: #000;}
    ovviamente per la lista usi un font monospaziato. ciao

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.