Navigazione

    Privacy - Termini e condizioni
    © 2020 Search On Media Group S.r.l.
    • Registrati
    • Accedi
    • CATEGORIES
    • Discussioni
    • Non letti
    • Recenti
    • Hashtags
    • Popolare
    • Utenti
    • Stream
    • Interest
    • Categories
    1. Home
    2. Categorie
    3. Coding e Sistemistica
    4. Coding
    5. liste
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • L
      lkv Super User • ultima modifica di

      Si si, basta indicare nel css l'url dell'immagine:

      ul  li {list-style-image : url(immagine.gif);}
      

      Se non vuoi farlo per tutte conviene indicare una classe

      ul.imm li.imm {list-style-image: url(immagine.gif);}
      

      Poi nella tua pagina html sara':
      [HTML]<ul>
      <li>bla</li>
      <li>blo</li>
      </ul>[/HTML]

      O se hai indicato la classe:
      [HTML]<ul class="imm">
      <li class="imm">bla</li>
      <li class="imm">blo</li>
      </ul>[/HTML]

      :ciauz:

      0 Miglior Risposta Ringrazia Cita Rispondi

        1 Risposta Ultima Risposta
      • S
        sophie User • ultima modifica di

        Grazie, sei un angelo !
        Senti, ho messo questo codice nel mio foglio di style in linea
        ul.imm li.imm {list-style-image: url(immagine.gif);}
        e questo nella pagina
        <ul class="imm">
        <li class="imm">bla</li>
        <li class="imm">blo</li>
        </ul>
        ovviamente con foto e testo linkato e non me lo prende.....come mai?
        Mi viene il circle bianco:?

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • L
          lkv Super User • ultima modifica di

          L'immagine l'hai messa dov'e' il file css?

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          • S
            sophie User • ultima modifica di

            Si, questo è quello che ho scritto nel foglio di style

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • L
              lkv Super User • ultima modifica di

              Non so, a me funge, ho messo un'immagine (immagine.gif) nella stessa directory del file css e funge. :bho:
              Non so se possa dipendere dal fatto che anche li sia in classe, nel caso prova cosi':
              Nel file .css:

              ul.imm li {list-style-image: url(immagine.jpg);}
              

              e nella pagina:
              [HTML]<ul class="imm">
              <li>bla</li>
              <li>blo</li>
              </ul>[/HTML]

              E poi la solita immagine.gif
              :ciauz:

              0 Miglior Risposta Ringrazia Cita Rispondi

                1 Risposta Ultima Risposta
              • S
                sophie User • ultima modifica di

                Fatto grazie, grazie:)
                Senti ti scoccio se ti chiedo un'altra cosa? Non vorrei approfittare della tua gentilezza:)

                0 Miglior Risposta Ringrazia Cita Rispondi

                  1 Risposta Ultima Risposta
                • L
                  lkv Super User • ultima modifica di

                  Fai pure.
                  :ciauz:

                  0 Miglior Risposta Ringrazia Cita Rispondi

                    1 Risposta Ultima Risposta
                  • S
                    sophie User • ultima modifica di

                    Allora, io ho una pagina con le news e quindi ho bisogno di misure e colori dei font diversi per definire la data, il titolo e il corpo . Ho provato con delle classi relative al <p> esempio:
                    .p data {font-family: Arial, Helvetica, sans-serif;
                    font-size: 14px;
                    font-style:normal;
                    font-weight:arial;
                    color: #ffffff;
                    text-align: justify;
                    margin-left:20px;
                    margin-right:20px;
                    }
                    Il risultato è positivo solo che tra la data e il titolo e il titolo e il corpo della notizia mi rimane molto spazio pur non mettendo il <br>
                    Che mi consigli?
                    Grazie
                    PS:spero che il titolare del forum non si arrabbi visto che sto parlando di css in questa sezione. Spero mi perdoni:)

                    0 Miglior Risposta Ringrazia Cita Rispondi

                      1 Risposta Ultima Risposta
                    • L
                      lkv Super User • ultima modifica di

                      Per lo spazio tra le righe potresti provare con questo:

                      line-height: 1,5em;
                      

                      da inserire nel codice che hai scritto, cambia il valore, da 1.5 ad altri un po' piu' piccoli se la distanza e' troppa.

                      :ciauz:

                      0 Miglior Risposta Ringrazia Cita Rispondi

                        1 Risposta Ultima Risposta
                      • S
                        sophie User • ultima modifica di

                        Ho provato ma non funziona, credo di non essermi spiegata bene:
                        la data è su una riga ovviamente a e rientra nel codice .p data poi tre questa riga e quella sotto del titolo mi resta molto spazio.
                        Ho provato ad inserire il tuo codice in .p data e p. titolo ma non cambia nulla:ciauz:

                        0 Miglior Risposta Ringrazia Cita Rispondi

                          1 Risposta Ultima Risposta
                        • P
                          props User • ultima modifica di

                          ul, li e p hanno margin e/o padding automatici, che i browser molte volte interpretano ognuno a modo proprio.
                          Prova aggiungendo

                          p, ul, li {
                          margin:0;
                          padding:0
                          }

                          0 Miglior Risposta Ringrazia Cita Rispondi

                            1 Risposta Ultima Risposta
                          • S
                            sophie User • ultima modifica di

                            Grazie dell'aiuto:)
                            Mentre leggevo varie guide per trovare la soluzione al mio problema, ho trovato questo:
                            text-indent: 2em; margin-top: 0; margin-bottom: 0;
                            l'ho aggiunto al codice e va tutto bene ma, visto che tu sei più esperto di me volevo sapere se è meglio questo o il tuo.... così nel caso lo cambio subito;)
                            Grazie:ciauz:

                            0 Miglior Risposta Ringrazia Cita Rispondi

                              1 Risposta Ultima Risposta
                            • P
                              props User • ultima modifica di

                              Il text-indent puoi lasciarlo, sarebbe l' indentatura del testo (ovvero il rientro dal margine). Con quel codice, hai tolto il margin sotto e sopra, col mio toglievi da ogni lato margin e padding. Puoi lasciare come più ti aggrada, fai delle prove e scegli, non cambia molto se non in termini di gusti.

                              0 Miglior Risposta Ringrazia Cita Rispondi

                                1 Risposta Ultima Risposta
                              • S
                                sophie User • ultima modifica di

                                Ho fatto la prova e sicuramente è meglio la tua soluzione infatti ho cambiato subito:)
                                Grazie ancora:ciauz:

                                0 Miglior Risposta Ringrazia Cita Rispondi

                                  1 Risposta Ultima Risposta
                                • giorgiotave
                                  giorgiotave Community Manager • ultima modifica di

                                  Sposto in CSS 😉

                                  0 Miglior Risposta Ringrazia Cita Rispondi

                                    1 Risposta Ultima Risposta
                                  • S
                                    sophie User • ultima modifica di

                                    Grazie:)
                                    Ti chiedo scusa, non succederà più:)
                                    :ciauz:

                                    0 Miglior Risposta Ringrazia Cita Rispondi

                                      1 Risposta Ultima Risposta
                                    • L
                                      laburno User Attivo • ultima modifica di

                                      @sophie said:

                                      Allora, io ho una pagina con le news e quindi ho bisogno di misure e colori dei font diversi per definire la data, il titolo e il corpo . Ho provato con delle classi relative al <p> esempio:
                                      .p data {font-family: Arial, Helvetica, sans-serif;
                                      font-size: 14px;
                                      font-style:normal;
                                      font-weight:arial;
                                      color: #ffffff;
                                      text-align: justify;
                                      margin-left:20px;
                                      margin-right:20px;
                                      }
                                      Il risultato è positivo solo che tra la data e il titolo e il titolo e il corpo della notizia mi rimane molto spazio pur non mettendo il <br>
                                      Che mi consigli?
                                      Grazie
                                      PS:spero che il titolare del forum non si arrabbi visto che sto parlando di css in questa sezione. Spero mi perdoni:)

                                      Hei sophie, occhio che la sintassi giusta per definire una classe è:

                                       p.data { } 
                                      

                                      :ciauz:

                                      0 Miglior Risposta Ringrazia Cita Rispondi

                                        1 Risposta Ultima Risposta
                                      Caricamento altri post
                                      Rispondi
                                      • Topic risposta
                                      Effettua l'accesso per rispondere
                                      • Da Vecchi a Nuovi
                                      • Da Nuovi a Vecchi
                                      • Più Voti