Visualizzazione dei risultati da 1 a 3 su 3

Discussione: esponente

  1. #1
    Utente di HTML.it L'avatar di max103
    Registrato dal
    Dec 2005
    Messaggi
    317

    esponente

    devo scrivere in un testo in inglese 16th con il th a esponente
    ho creato questo mostro, ma sicuramente c'è un sistema migliore

    codice:
    <head>
    <style type="text/css">
    .numero {font-size: 36px; float:left;}
    .esponente {font-size: 23px; }
    </style>
    </head>
    
    <body>
     <div class="numero">16</div><div class="esponente">th</div>
    </body>
    </html>

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Il <div> non e` sicuramente il tag adatto: e` un tag di tipo blocco e fa andare a capo (salvo altri attributi che lo rendono inline).

    La marcatura corretta (se vuoi gestire le carateristiche esatte del font) potrebbe essere:


    .... 16<span class="espon">th</span> ... </p>

    con css del tipo:
    codice:
    .espon {
      font-size: 0.6em;
      vertical-align: super;
    }
    Nota che questa marcatura/CSS e` valida per qualsiasi esponente, indipendentemente dalla dimensione del font della base.

    ---

    In alternativa puoi usare la marcatura <sup> http://www.w3schools.com/tags/tag_sup.asp


    ... 16<sup>th</sup> ... </p>

    ed eventualmente definire nel CSS:
    sup { font-size: 0.6em; }
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it L'avatar di max103
    Registrato dal
    Dec 2005
    Messaggi
    317
    ho risolto così

    codice:
    <head>
    <style type="text/css">
    p {font-size: 36px; float:left;}
    sup { font-size: 0.6em; }
    </style>
    </head>
    
    <body>
     
    
    16<sup>th</sup></p>
    </body>
    </html>
    mi sembra un'ottima soluzione

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 © 2026 vBulletin Solutions, Inc. All rights reserved.