Visualizzazione dei risultati da 1 a 10 su 10

Discussione: centrare un immagine

  1. #1

    centrare un immagine

    Ciao sono un neofita e ho bisogno di una mano. Grazie a chi mi aiuta. Allora. ho questa immagine che vi posto. vorrei che l'immagine fosse sempre al centro in una pagina html in qualsiasi risoluzione e browser. Però vorrei che i colori laterali si estendessero in tutta la pagina non so se mi capite. vi linko la pagina da dove ho trovato questa immagine facendo tasto dx e salva sfondo. http://aethra.businessfindershop.it

    inserendo come sfondo l'immagine in una pag html non mi da lo stesso effetto.

    mi aiutate?

    ciao Riccardo
    Immagini allegate Immagini allegate

  2. #2
    Dipende un po' dal contesto, ma in generale dovresti gestirla da css così:
    codice:
    body {
      background: url(percorso/img.gif) repeat-y center;
    }
    Ho messo "body", ma tu puoi usare il contenitore che reputi più indicato.
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  3. #3
    grazie mille, ho provato ma sparisce l'immagine cosa ho sbagliato?

    l'immagine iniziale la devo mettere come sfondo di un div o come spondo della pagina.
    Essendo un neofita uso dreamweaver e uso poco i css e html. cerco di usare tutte le funzioni automatiche del programma.

    quindi ti dico cosa faccio:

    nuova pagina html
    vado su impostazioni pag e imposto l'immagine come sfondo e poi aggiungo la tua informazione.

    oppure devo creare un tag div e inserire come sfondo l'immagine?


    scusa ma sto cercando di capire

  4. #4
    Se lo devi mettere come sfondo al div assicurati che questo abbia le giuste dimensioni.

    Basta che guardi il file .css con vista codice e vedi roba come l'ho scritta io.

    Se l'immagine sparisce potrebbe essere che hai scritto male il percorso.
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  5. #5
    ho provato e riprovato e controllato anche la destinazione del file ma l'immagine scompare.
    ti chiedo troppo se fai una prova con DW? Mi sono ormai incaponito e devo riuscire a risolvere. Hai avuto modo di vedere il link di esempio di come vorrei venisse lo sfondo della pagina? http://aethra.businessfindershop.it

    grazie tante per la pazienza


    ti posto il codice della pagina appena inserisco l'immagine nello sfondo: (immagine non centrata e cmq il colore a lato non prende tutto lo spazio della pagina)

    <!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>Documento senza titolo</title>
    <style type="text/css">
    <!--
    body {
    background-image: url(file:///C|/Documents%20and%20Settings/riccardo.aloia/Documenti/Web/Immagini%20per%20web/sfondoae.gif);
    }
    -->
    </style></head>
    <body>
    </body>
    </html>

    ************************************************** **************

    questa è invece inserendo il tuo pezzo di codice: (pagina bianca)

    <!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>Documento senza titolo</title>
    <style type="text/css">
    <!--
    body {
    background: url(file:///C|/Documents%20and%20Settings/riccardo.aloia/Documenti/Web/Immagini%20per%20web/sfondoae.gif)repeat-y center;
    }
    -->
    </style></head>

    <body>
    </body>
    </html>
    ************************************************** ****************

  6. #6
    Nella risposta precedente mi sono dimenticato.....scusa.... il terzo codice, su uso un tag div e metto l'immagine come sfondo vedo questo:

    <!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>Documento senza titolo</title>
    <style type="text/css">
    <!--
    #corpo {
    background-image: url(file:///C|/Documents%20and%20Settings/riccardo.aloia/Documenti/Web/Immagini%20per%20web/sfondoae.gif);
    background-position: center;
    height: 250px;
    }
    body {
    margin-top: 0px;
    background-color: #94bfd4;
    }
    -->
    </style>
    </head>

    <body>
    <div id="corpo"></div>
    </body>
    </html>

  7. #7
    1) quando posti del codice usa il pulsantino # situato nella pulsantiera del Nuovo Messaggio
    2) ma non hai un link? cioè... il sito pubblicato in tuo spazio web? ...si farebbe prima a vedere gli errori
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  8. #8
    hai ragione scusa adesso ti mando il link

    http://starblazer.altervista.org

  9. #9
    Originariamente inviato da galateo76
    hai ragione scusa adesso ti mando il link

    http://starblazer.altervista.org
    L'immagine nei css ha il percorso locale del tuo pc

    url(file:///C|/Documents%20and%20Settings/riccardo.aloia/Documenti/Web/Immagini%20per%20web/sfondoae.gif);

    Correggi il percorso...
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  10. #10
    che tonto!!!!!

    fatto

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 © 2026 vBulletin Solutions, Inc. All rights reserved.