Visualizzazione dei risultati da 1 a 4 su 4

Discussione: centratura immagini

  1. #1

    centratura immagini

    Ciao ragazzi, domanda molto semplice come posso centrare un'immagine che uso per una home page? Con dreamweaver riesco a centrarla solo rispetto a dx e sx ma non al centro assoluto, nel senso che in base alla grandezza del monitor mi rimane dello spazio in alto e in basso che varia a seconda del monitor....il risultato è brutto, in passato ci ero riuscito con un CSS ma poi dopo non riesco più ad usare target nell'immagine, esiste qualche trucchetto specifico per centrare le immagini?
    Ecco il codice della pagina in questione...

    <html>
    <head>
    <title>Eraldo Turra</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body bgcolor="#536A77">
    <div align="center">[img]Foto/Home%20prova.jpg[/img]
    <map name="Map">
    <area shape="rect" coords="105,97,463,330" href="page2.htm">
    </map>
    </div>
    </html>



    Grazie


  2. #2
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777

    Re: centratura immagini

    Originariamente inviato da fenders
    Ciao ragazzi, domanda molto semplice come posso centrare un'immagine che uso per una home page? Con dreamweaver riesco a centrarla solo rispetto a dx e sx ma non al centro assoluto, nel senso che in base alla grandezza del monitor mi rimane dello spazio in alto e in basso che varia a seconda del monitor....il risultato è brutto, in passato ci ero riuscito con un CSS ma poi dopo non riesco più ad usare target nell'immagine, esiste qualche trucchetto specifico per centrare le immagini?
    Ecco il codice della pagina in questione...

    <html>
    <head>
    <title>Eraldo Turra</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body bgcolor="#536A77">
    <div align="center">[img]Foto/Home%20prova.jpg[/img]
    <map name="Map">
    <area shape="rect" coords="105,97,463,330" href="page2.htm">
    </map>
    </div>
    </html>



    Grazie

    http://css.flepstudio.org/css-tutori...izzontale.html
    http://www.webmasterpoint.org/webdesign/css/41.asp

  3. #3
    Ciao,

    se ho ben capito vuoi centrare un immagine verticalmente...

    Basta dare un margine alto al box contenitore dell'immagine, così:

    Codice PHP:
    (...omissis...) <div align="center" style="margin-top:20%">[img]Foto/Home%20prova.jpg[/img] (...omissis...) 
    Io l'ho messo in percentuale in modo che riservi sempre la stessa porzione di margine, al variare della grandezza dello schermo. Solo che devi fare bene attenzione, dato che la grandezza dell'img è fissa (è in px) quindi un 20% a 1280x1024 ci sta bene, mentre in 800x600 si vede male (già l'altezza del 'img è 567, lo schermo è 600...hai pochissimo margine).

  4. #4
    Grazie ragazzi, molto utili! ciao!

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.