Pagina 1 di 3 1 2 3 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 24
  1. #1

    DIV e vertical-align:middle

    ciao a tutti,
    ho un div alto 100px e vorrei centrare verticalmente del testo:

    stile:
    container{
    height:100px;
    vertical-align: middle;
    }

    <body>
    <div class="container">test</div>
    </body>

    ma non funziona.
    Per avere il risultato voluto, dovrei mettere una tabella
    nel div, ma vorrei farne a meno.

    <body>
    <div class="container">
    <table height="100">
    <tr>
    <td valign="middle">test</td>
    </tr>
    </table>
    </div>
    </body>

  2. #2
    Utente di HTML.it L'avatar di antos
    Registrato dal
    Feb 2001
    Messaggi
    3,581
    impostanel div lo stesso padding in alto e in basso, padding: 5px 0px; //cosi imposti a 5px in alto e in basso e a 0px padding di destra e di sistra
    la propietà vertical-align dovrebbe funzionare con gli attributi inline io per quello che l'ho provata funziona solo quando la applico ad un immagine per allineare il testo

  3. #3
    ciao,
    ho provato a metter il padding come mi hai detto, ma non funzia.

  4. #4
    ciao,
    qualcuno può aiutarmi?

  5. #5
    Utente di HTML.it L'avatar di Dr Mal
    Registrato dal
    Apr 2002
    Messaggi
    2,536
    Sto facendo numerose prove ma nn riesco a trovare una soluzione....
    è strano ke nn funga cmq.... :master:
    [Proteggiamo la Natura e gli Animali: appartengono alle cose più belle che ci sono state donate.]

  6. #6
    AtomSurfer
    Guest
    ma l'altezza del box deve essere per forlza di 100px?

  7. #7
    Utente di HTML.it L'avatar di Dr Mal
    Registrato dal
    Apr 2002
    Messaggi
    2,536
    Originariamente inviato da AtomSurfer
    ma l'altezza del box deve essere per forlza di 100px?
    e questo ke c'entra?

    cmq se hai una soluzione postala..... ormai è una questione di principio!
    [Proteggiamo la Natura e gli Animali: appartengono alle cose più belle che ci sono state donate.]

  8. #8
    AtomSurfer
    Guest
    se l'altezza non deve essere obbligatoriamente 100px, basta impostare lo stesso padding sotto e sopra (come da risp. di antos)

  9. #9
    Utente di HTML.it L'avatar di Dr Mal
    Registrato dal
    Apr 2002
    Messaggi
    2,536
    Originariamente inviato da AtomSurfer
    se l'altezza non deve essere obbligatoriamente 100px, basta impostare lo stesso padding sotto e sopra (come da risp. di antos)
    si, capisco.... ma nn risolve il problema.... :master:
    [Proteggiamo la Natura e gli Animali: appartengono alle cose più belle che ci sono state donate.]

  10. #10
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    codice:
    <style type='text/css' media='screen'>
    .container{
    height:100px;
    line-height: 100px;
    }
    </style>

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.