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

    [css] vertical-align: middle

    non riesco a capire come funziona il vertical-align: se ad una cella do vertical-align: top, il contenuto si allinea in alto, se do middle invece non funziona: dove potrebbe essere il problema? considerate che non ho alcun tag generico preimpostato con vertical-align che puo' disturbare

    grazie

  2. #2

    prova questo codice...

    a me funziona benissimo....

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    td {
    vertical-align: middle;
    }
    -->
    </style>
    </head>
    
    <body>
    <table width="250" height="250"  border="0" cellpadding="0" cellspacing="10">
      <tr>
        <td>asdasdasd</td>
      </tr>
    </table>
    </body>
    </html>

  3. #3
    se lo metti su "top" funziona solo perchè è il valore di default

    il vertical-align funziona solo in un td quindi non puoi usarlo per posizionare un div all'interno di una pagina ad esempio, ma solo del testo in un td

    ciao
    "La consapevolezza di Case suddivisa come perle di mercurio. La sua visione era sferica, come se una singola retina rivestisse la superficie interna di un globo che conteneva tutte le cose, se tutte le cose si potevano contare." —Neuromante, William Gibson (1984)

  4. #4
    intendi che non posso usarlo per posizionare il contenuto di una cella o di un div all'interno dello stesso?

  5. #5
    vertical-align:middle significa che il contenuto si allinea alla linea mediana del testo, non al centro della cella...

    http://www.w3.org/TR/CSS21/visudet.html#line-height
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  6. #6
    Originariamente inviato da Shores
    vertical-align:middle significa che il contenuto si allinea alla linea mediana del testo , non al centro della cella...

    http://www.w3.org/TR/CSS21/visudet.html#line-height
    per cortesia, me lo puoi spiegare piu' dettagliatamente? non riesco a capire :master:

  7. #7
    se mi sono confuso chiedo scusa, è che non lo uso mai, ma ero convinto fosse quello... pardon
    "La consapevolezza di Case suddivisa come perle di mercurio. La sua visione era sferica, come se una singola retina rivestisse la superficie interna di un globo che conteneva tutte le cose, se tutte le cose si potevano contare." —Neuromante, William Gibson (1984)

  8. #8
    Originariamente inviato da rebelia
    per cortesia, me lo puoi spiegare piu' dettagliatamente? non riesco a capire :master:
    La logica è che la "middle" significa che il centro degli oggetti sarà allineato alla baseline, ovvero alla linea ch corre appena sotto i caratteri del testo, più metà della x-height, ovvero la altezza media dei caratteri.

    In altri termini, se tracci una linea che tagila in altezza a metà il testo, questa stessa linea passerà per il centro dell'oggetto a cui hai dato vertical align:middle;

    Ciao!
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  9. #9
    ok, grazie, sei stato davvero gentile
    sai anche indicarmi quale attributo fa quel che serve a me? (cioe' allineare rispetto allo spazio interno di una cella o di un div)

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.