Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2004
    Messaggi
    28

    centrare immagine in cella

    Ciao, come faccio a centrare (metterla proprio al centro, finora sono riuscita a centrarla solo lungo il lato a cui è appoggiata) nella cella l'immagine che ha l'Alt "Sorpresa!"?


    http://www-utenti.dsc.unibo.it/~costac/ig/

    Grazie

    Ps: questa è la famosa pagina x cui avevo chiesto consigli in "problemi nel posizionamento testo"...
    Dopo aver fatto un ultimo tentativo con una tabella e aver visto che, avendo impostato coi css i bordi, non posso farla invisibile, ormai ho rinunciato...


    Crysania

  2. #2

    AL volo...

    ...prova così (non l'ho testato )
    o
    <td colspan="2" rowspan="7">
    <div style=text-align:justify;>


    Forse non avete resistito a quel musetto che vi guardava dalla vetrina
    del negozio, o forse &egrave; stato un inaspettato dono…</p>
    </div>
    <p style=margin:auto;>
    [img]images/homepage.jpg[/img]
    </p>
    <div style=text-align:justify;>




    …&egrave; certo che questo simpatico roditore cambier&agrave;
    la vostra vita!
    </p>


    </p>
    </div>
    </td>


    Sayonara...

    kami del tempo / raccogli i miei ricordi / vola distante.

    Rinaldo - RexPlants
    RexPlants il forum delle piante che mangiano

  3. #3

    OK...

    ...così funzica di sicuro

    <td colspan="2" rowspan="7">
    <div style=text-align:justify;>


    Forse non avete resistito a quel musetto che vi guardava dalla vetrina
    del negozio, o forse &egrave; stato un inaspettato dono…</p>
    </div>

    <div style=text-align:center>



    [img]images/homepage.jpg[/img]
    </p>
    </div>

    <div style=text-align:justify;>




    …&egrave; certo che questo simpatico roditore cambier&agrave;
    la vostra vita!
    </p>


    </p>
    </div>
    </td>


    Sayonara...

    kami del tempo / raccogli i miei ricordi / vola distante.

    Rinaldo - RexPlants
    RexPlants il forum delle piante che mangiano

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2004
    Messaggi
    28
    Funziona! Funziona!
    Grazie!
    Non è che per caso potresti darmi una dritta su come mettere la prima parte di testo nell'angolo in alto a sinistra e la parte finale nell'angolo in basso a destra? O credi che sia ok anche così?

    Grazie ancora!
    Crysania

  5. #5
    Et voilà:

    <td colspan="2" rowspan="7">
    <div style=text-align:left;>


    Forse non avete resistito a quel musetto che vi guardava dalla vetrina
    del negozio, o forse &egrave; stato un inaspettato dono…</p>
    </div>

    <div style=text-align:center>



    [img]images/homepage.jpg[/img]
    </p>
    </div>

    <div style=text-align:right;>




    …&egrave; certo che questo simpatico roditore cambier&agrave;
    la vostra vita!
    </p>


    </p>
    </div>
    </td>

    Comunque il codice avrebbe bisogno di una ripulita non indifferente. :quipy:

    P.S.
    Invece di usare <div align="center"> che risluta più che deprecato utilizza <div style=text-align:center;>
    :quote:
    Sayonara...

    kami del tempo / raccogli i miei ricordi / vola distante.

    Rinaldo - RexPlants
    RexPlants il forum delle piante che mangiano

  6. #6
    Utente di HTML.it
    Registrato dal
    Feb 2004
    Messaggi
    28
    Grazie! Ma così facendo ho corretto i fogli di stile o l'html?
    O devo andare a rivedere il fogli di stile dove avevo precedentemente specificato di giustificare il testo?
    (probabilmente questa domanda te la dira lunga su quanto sia profonda la mia conoscenza di ciò che sto facendo... )

    Crysania

  7. #7
    Ok hai modificato i fogli di stile inline.

    Comunque come ti ho scritto sopra il codice avrebbe bisogno di una bella ripulita.


    Sayonara...

    kami del tempo / raccogli i miei ricordi / vola distante.

    Rinaldo - RexPlants
    RexPlants il forum delle piante che mangiano

  8. #8
    Per capirci sarebbe il caso che adottassi i CSS in maniera più pulita, ti verrebbe comodo anche a te. TIPO:


    <HTML LANG="IT">
    <HEAD>
    <TITLE>TITOLO</TITLE>
    <style>
    .giusti{
    text-align:justify;
    }
    .centra{
    text-align:center;
    margin:auto;
    }
    .destra{
    text-align:right;
    }
    .sinistra{
    text-align:left;
    }
    </style>
    </HEAD>
    <BODY>

    <div class="giusti">Prima frase giustificata</div>
    <div class="destra">Seconda frase a destra</div>
    <div class="centra">Esempio immagine centrata</div>
    <div class="sinistra">Terza frase a sinistra</div>

    </BODY>
    </HTML>


    Sayonara...

    kami del tempo / raccogli i miei ricordi / vola distante.

    Rinaldo - RexPlants
    RexPlants il forum delle piante che mangiano

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.