Pagina 1 di 3 1 2 3 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 23

Discussione: centrare immagine

  1. #1
    Utente di HTML.it L'avatar di pomps
    Registrato dal
    Oct 2003
    Messaggi
    179

    centrare immagine

    Ciao...dunque...avrei un problemino con dreamweaver.
    vi spiego:devo creare la pagina di ingresso al sito, questa pagina deve contenere un'immagine di 800x171, posizionata al centro della pagina. il problema e' che non si posiziona al centro, cioe' o scopre lo sfondo a destra o a sinistra. ho anche provata a dare delle dimensioni piu' grandi all'immagine ma senza risultato!come possofare?
    e grazie...per ora

  2. #2
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    1- codice
    2- lo sai che un immagine di 800px non è visualizzabile se non scrollando con la barra orizzontale del broswer 800x600?

  3. #3
    Utente di HTML.it L'avatar di jesus
    Registrato dal
    Jan 2002
    Messaggi
    717
    Prova così:
    codice:
    /* html */
    <div id="contenuto">
      [img]image.gif[/img]
    </div>
    
    /* css */
    html, body {
      width: 100%;
      height: 100%;
    }
    #contenuto {
      width: 100%;
      height: 100%;
      text-align: center;
      vertical-align: middle;
    }
    <%= Jesus %>
    "Non hai veramente capito qualcosa fino a quando non sei in grado di spiegarlo a tua nonna" - Albert Einstein.

  4. #4
    Utente di HTML.it L'avatar di pomps
    Registrato dal
    Oct 2003
    Messaggi
    179
    Sonikag, quindi dovrei fare l'immagine piu' stretta, di quanto?

    Jesus, il codice dove lo metto?tra i tag body?


    scusate l'ignoranza!

  5. #5
    Utente di HTML.it L'avatar di jesus
    Registrato dal
    Jan 2002
    Messaggi
    717
    Originariamente inviato da pomps
    Sonikag, quindi dovrei fare l'immagine piu' stretta, di quanto?

    Jesus, il codice dove lo metto?tra i tag body?


    scusate l'ignoranza!
    il div nel tag body il css net tag style
    <%= Jesus %>
    "Non hai veramente capito qualcosa fino a quando non sei in grado di spiegarlo a tua nonna" - Albert Einstein.

  6. #6
    Utente di HTML.it L'avatar di pomps
    Registrato dal
    Oct 2003
    Messaggi
    179
    questo e' il codice della pagina, il tuo div lo sostituisco al mio?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Pompili Scavi</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    body {
    background-color: #003333;
    }
    -->
    </style></head>

    <body>
    <div align="center">[img]apri.jpg[/img]
    <map name="Map">
    <area shape="rect" coords="640,94,747,104" href="#http://www.flash.com" target="_self">
    <area shape="rect" coords="930,79,1020,89" href="#">
    </map>
    </div>
    <div align="center"></div>
    </body>
    </html>

  7. #7
    Utente di HTML.it L'avatar di jesus
    Registrato dal
    Jan 2002
    Messaggi
    717
    Originariamente inviato da pomps
    questo e' il codice della pagina, il tuo div lo sostituisco al mio?
    basta che gli aggiungi l'attributo id="contenitore"
    <%= Jesus %>
    "Non hai veramente capito qualcosa fino a quando non sei in grado di spiegarlo a tua nonna" - Albert Einstein.

  8. #8
    Utente di HTML.it L'avatar di pomps
    Registrato dal
    Oct 2003
    Messaggi
    179
    cosi'?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Pompili Scavi</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    body {
    background-color: #003333;
    }
    -->
    </style>html, body {
    width: 100%;
    height: 100%;
    }
    #contenuto {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    }
    </head>

    <body>
    <div id="contenuto">[img]apri.jpg[/img]
    <map name="Map">
    <area shape="rect" coords="640,94,747,104" href="#http://www.flash.com" target="_self">
    <area shape="rect" coords="930,79,1020,89" href="#">
    </map>
    </div>
    <div align="center"></div>
    </body>
    </html>

  9. #9
    Utente di HTML.it L'avatar di jesus
    Registrato dal
    Jan 2002
    Messaggi
    717
    Questo qui:
    codice:
    html, body { 
      width: 100%; 
      height: 100%; 
    } 
    #contenuto { 
      width: 100%; 
      height: 100%; 
      text-align: center; 
      vertical-align: middle; 
    }
    va dentro al tag <style></style>
    <%= Jesus %>
    "Non hai veramente capito qualcosa fino a quando non sei in grado di spiegarlo a tua nonna" - Albert Einstein.

  10. #10
    Utente di HTML.it L'avatar di pomps
    Registrato dal
    Oct 2003
    Messaggi
    179
    cosi'

    <style type="text/css">
    <!-- html, body {
    width: 100%;
    height: 100%;
    }
    #contenuto {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    }

    body {
    background-color: #003333;
    }
    -->
    </style></head>

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.