Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it L'avatar di james
    Registrato dal
    Jun 2002
    Messaggi
    1,481

    Maledetto allineamento verticale

    Mi spiegate come fate ad allineare verticalmente al centro due elementi?
    Ho creato un div che contiene un'immagine e un link, il div prende le dimensioni dell'immgaine in altezza, il link è ovviamente molto più basso, però si posiziona sempre in fondo, io invece lo vorrei a metà altezza, come faccio a fare una cosa del genere con CSS?

    <div>
    [img]immagine.jpg[/img]
    Link
    </div>

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: Maledetto allineamento verticale

    puoi postare una immagine di esempio?

    ciao
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  3. #3
    Utente di HTML.it L'avatar di james
    Registrato dal
    Jun 2002
    Messaggi
    1,481

    Re: Re: Maledetto allineamento verticale

    Originariamente inviato da floyd46
    puoi postare una immagine di esempio?

    ciao
    Crea una pagina con il seguente codice:
    <html>
    <head>
    <title></title>
    </head>
    <body>
    <DIV style="border:1px solid #000;">

    Link
    </DIV>
    </body>
    </html>

  4. #4
    Utente di HTML.it L'avatar di james
    Registrato dal
    Jun 2002
    Messaggi
    1,481
    ora io vorrei che il link sia posizionato verticalmente al centro del div e non in basso. Con le tabelle basta un valign="middle", e con i css come si fa?

  5. #5
    Originariamente inviato da james
    ora io vorrei che il link sia posizionato verticalmente al centro del div e non in basso. Con le tabelle basta un valign="middle", e con i css come si fa?
    codice:
    <DIV style="vertical-align:middle; border:1px solid #000;"> 
    <div id="img" style="float:left"></div>
    <div id="link">Link</div>
    </DIV>
    puo' andare?
    Saluti a tutti
    Riccardo

  6. #6
    Utente di HTML.it L'avatar di james
    Registrato dal
    Jun 2002
    Messaggi
    1,481
    Originariamente inviato da riccardone
    codice:
    <DIV style="vertical-align:middle; border:1px solid #000;"> 
    <div id="img" style="float:left"></div>
    <div id="link">Link</div>
    </DIV>
    puo' andare?
    no, con IE sta quasi al centro, con FF sta al top.

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.