Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2006
    Messaggi
    8

    Centro Assoluto Immagine

    Salve a tutti. Ho una domanda, purtroppo non mi intendo di CSS e non ho la più pallida idea di come cominciare. Io dovrei posizionare in una pagina un'immagine, soltanto un'immagine, che sia però al centro (sia da destra/sinistra sia dall'alto/basso) da chiunque la veda, qualunque risoluzione abbia. Mi è stato detto che va fatto coi CSS, con un certo comando position:relative ma ripeto, non ho la più pallida idea di come funzionino i fogli di stile. Da come me l'hanno spiegata non sembrava così difficile, magari qualcuno capace sa spiegarmelo. Io ho Macromedia Dreamweaver 8 e la pagina in questione deve essere l'index.html. Grazie in anticipo a chiunque mi possa aiutare.

  2. #2
    ciao Yorzack, benvenuto sul forum.
    potresti usare l'immagine in oggetto come sfondo della tua pagina, cosi':

    codice:
    <body style="background-image:url(immagine.jpg);background-position:50% 50%;background-repeat:no-repeat;">
    ciao

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2006
    Messaggi
    8
    azz mi ero dimenticato di aggiungere che l'immagine ha un collegamento ipertestuale, quindi deve essere cliccabile.

  4. #4
    Originariamente inviato da Yorzack
    azz mi ero dimenticato di aggiungere che l'immagine ha un collegamento ipertestuale, quindi deve essere cliccabile.
    allora inseriscila in un div, che poi centri seguendo queste istruzioni.

    ciao

  5. #5
    Utente di HTML.it
    Registrato dal
    Aug 2006
    Messaggi
    8
    uff, non capisco come si fa. Allora io nella pagina html normale ho questo fatto con frontpage:

    <div align="center">
    <center>
    <table border="0" cellpadding="0" cellspacing="0" width="551" height="500">
    <tr>
    <td width="551" height="500" align="center">[img]logoenter.jpg[/img]</td>
    </tr>
    </table>
    </center>
    </div>

    e questo è il div no? Ora per centrare sto div prendo dreamweaver e creo un foglio di stile css e ci scrivo:

    body,html { height:100%;margin:0 }
    #box {
    width:551; height:500;
    position:absolute;top:50%;left:50%;
    margin:-100px 0 0 -175px;
    }

    lo salvo, e poi clicco sull'html che avevo fatto prima, faccio Stili CSS, associa foglio di stile, lo associo, salvo, apro ma... it doesn't work. l'unica cosa che fa è togliermi i margini... aiuto

  6. #6
    Ovvio,hai dichiarato un id che non è presente nel codice XHTML/HTML ^^

    Allora,per prima cosa elimina tutto il codice generato da frontpage che è inutile ed inserisci questo:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html>
    <head>
    <title>New Project</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="Immagine.css">
    </head>

    <body>

    <div id="box">

    [img]1.jpg[/img]

    </div>

    </body>
    </html>

    Per quanto riguarda il CSS inserisci questo:

    body,html{
    height: 100%;
    margin: 0px;
    }
    #box {
    width:300px; /*Larghezza della tua immagine*/
    height:170px; /*Altezza della tua immagine*/
    position:absolute;
    top:50%;
    left:50%;
    margin: -85px 0px 0px -150px;

    /*Per impostare l'immagine al centro dimezza l'altezza e la larghezza delle dimensioni dell'immagine che devi usare,la prima misura equivale all'altezza(-85)l'ultima alla larghezza(-150).Queste tuttavia sono misure di esempio e non quelle dimezzate della tua immagine*/
    }

  7. #7
    Utente di HTML.it
    Registrato dal
    Aug 2006
    Messaggi
    8
    vi amo

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.