Pagina 1 di 3 1 2 3 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 25
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484

    Span per testo colorato che non funziona

    Nel CSS:
    codice:
    .italic{font-style:italic}
    .emphasis{color:#FF0000}
    Nel codice:
    codice:
    <p><span class='italic'>Testo in corsivo</span></p>
    <p><span class="emphasis">Testo in rosso</span></p>
    Eppure nella pagina web il corsivo c'è, il testo in rosso per niente.
    Dove sta il mio errore?
    Grazie
    m

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,806
    il codice postato è quello reale che puoi consultare visualizzando il sorgente, o lo presumi?
    nel primo caso errori non ce ne sono (anche se "emphasis" ha un altro significato che potrebbe confondere/ti)

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484
    Quote Originariamente inviata da Vincent.Zeno Visualizza il messaggio
    il codice postato è quello reale che puoi consultare visualizzando il sorgente, o lo presumi?
    nel primo caso errori non ce ne sono (anche se "emphasis" ha un altro significato che potrebbe confondere/ti)
    Il codice è quello che ho inserito nel CSS, sono io che ho i sorgenti...
    Eppure non funziona!
    m

  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,806
    passa la pagina al validatore, vedi che ti dice

  5. #5
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484
    codice:
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    h1   {color: blue;}
    .bold{font-weight:bold}
    .italic{font-style:italic}
    .apice{vertical-align:super; font-size:55%}
    .emphasis{color:#FF0000}
    </style>
    </head>
    
    
    <body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    <p><span class="bold">Testo grassetto</span></p>
    <p><span class="italic">Testo corsivo</span></p>
    <p>testo normale<span class="apice">Testo in apice</span>testo normale</p>
    <p><span class="emphasis">Testo rosso</span></p>
    </body>
    </html>
    Questo esempio funziona perfettamente. Per cui ci deve essere qualcosa nel CSS o altrove che, nel caso del sito, disturba.
    Purtroppo è come cercare un ago in un pagliaio.

    m

  6. #6
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,806
    Quote Originariamente inviata da samiel
    Purtroppo è come cercare un ago in un pagliaio.
    buon lavoro

  7. #7
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,780
    Ciao, se ti è possibile ti consiglio di postare un link alla pagina in questione, così da poterci permettere di analizzare direttamente il codice.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  8. #8
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484
    Quote Originariamente inviata da Vincent.Zeno Visualizza il messaggio
    passa la pagina al validatore, vedi che ti dice
    Mi dice "No error found" e mi fa pure le congratulazioni
    m

  9. #9
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,806
    Quote Originariamente inviata da samiel
    Mi dice "No error found"
    bene, puoi postare il link come richiesto?

  10. #10
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484
    Il sito è il seguente:
    https://www.giovannifornero.net/
    Attualmente in index.php ho:
    codice:
            "copernico"=>"Il diritto di vivere e di morire <span style='color: #FF0000;'>[NOVITÀ]</span>",
    //      "copernico"=>"Il diritto di vivere e di morire <span class='emphasis'>[NOVITÀ]</span>",
    Il primo funziona ed è quello attualmente in uso, il secondo è quello che non funziona.
    Nel .css ho:
    codice:
    /*stili speciali caratteri*/
    .bold{font-weight:bold}
    .italic{font-style:italic}
    .apice{vertical-align:super; font-size:55%}
    .emphasis{color:#FF0000}
    m

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.