Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2005
    Messaggi
    282

    come centrare le immagini e giustificare il testo

    ciao a tutti, premetto che sono poco esperta di fogli di stile...
    ho questo problema: uso l'istruzione div#content p{text-align:justify}
    nella pagine web uso una tabella ed ho alcune celle con testo altre con solo immagini. però il risultato è che mentre il testo è giustificato le immagini, pur se le centro, mi risultano allineate a sinistra....
    in cosa sbaglio?

    grazie

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    prova così:


    div#content {
    text-align: center;
    }

    div#content img {
    margin: 0 auto;
    }
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2005
    Messaggi
    282
    non è cambiato nulla.
    faccio così:

    /*stile generico */
    html,body{margin: 0;padding:0}
    body{font-family: arial,sans-serif;font-size: 76%}

    /*stile specifico per il corpo */
    div#content{padding: 1em}
    h1,h2{margin: 0;padding:0}
    h1{padding-left:0.5em;font: bold 2.2em/80px arial,serif}
    h2{color: #999;font: bold;font-size: 1.6em}
    h3{color: #000;font: normal;font-size: 1.0em}

    div#content {text-align: justify;}

    div#content img{margin: 0 auto;}

    e nella pagina:

    <div id="content">
    <div align="center">
    <center>
    <table border="0" cellpadding="0" cellspacing="0" width="95%" >
    <tr>
    <td width="100%" colspan=2 >



    [img]logopagina.gif[/img]
    </p>
    </td>
    </tr>
    <tr>
    <td width="100%" colspan="2" >
    ...........
    ...........
    ...........
    </td>
    </tr>
    ..................

    il testo mi risulta correttamente giustificato, ma logopagina.gif e tutte le immagini contenute nelle celle della tabella sono allineate a sinistra.
    dove sbaglio?

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    premesso che dovresti evitare di usare tabelle per il layout prova così sulle celle con immagini

    ...
    <td width="100%" colspan="2" style="text-align:center">
    [img]logopagina.gif[/img]
    </td>
    ...
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2005
    Messaggi
    282
    grazie, ho provato, l'immagine risulta centrata, ma così dovrei inserire quell'istruzione per ogni cella contenente un'immagine..... e sono 720 pagine....
    pensavo che con il foglio di stile così come giustifico il testo, definisco il carattere ecc... potevo anche centrare un'immagine.
    in realtà l'ho fatto, ma il comportamento è anomalo...

    <td width="50%" height="208">
    [img]a1913_curiosità_01_f3.jpg[/img]
    </td>

    così l'immagine dovrebbe essere centrata al di là del foglio di stile... in realtà la vedo allineata a sinistra.


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.