Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Teto centrato html

  1. #1

    Teto centrato html

    Salve a tutti e vi ringrazio anticipatamente del vostro aiuto. Sono alle prime armi con html. Vorrei mettere all'inizio della pagina un'immagine a sinistra e poi accanto questa immagine del testo centrato su due righe ma non riesco a venirne a capo. Potresti aiutarmi? Grazie

  2. #2
    Potresti fare con 2 div (con float left per affiancarli). Nel primo c'è la foto e nel secondo il contenuto testuale.
    Esempio semplice
    codice:
    CSS
    #sx, #dx {float: left;width:200px;height:200px}
    #dx p {text-align:center;}
    
    HTML
    <div id="sx"><img......></div>
    <div id="dx">
        
    
    testo riga 1</p>
        
    
    testo riga 2</p>
    </div>
    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
    ....Oppure usare le tabelle e lasciar perdere i css, visto che sei all'inizio.
    Se ho capito quello che cerchi di ottenere, questo dovrebbe andare:

    codice:
    <table>
            <tr>
                  <td> [img]INDIRIZZO_IMMAGINE[/img] </td>
                  <td valign="middle">
                      Prima riga testo 
    
                      Seconda riga testo
                  </td>
            </tr>
    </table>

  4. #4
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da PJ123
    ....Oppure usare le tabelle e lasciar perdere i css, visto che sei all'inizio.
    e perché, di grazia?
    essere all'inizio non esclude l'imparare a fare le cose bene fin da subito. Anzi, si risparmierebbe la fatica di imparare un metodo poco corretto che poi dovrebbe andare a chiudere in un cassetto e lasciare lì (leggasi: fatica e tempo sprecato)

  5. #5
    Originariamente inviato da PJ123
    ....Oppure usare le tabelle e lasciar perdere i css, visto che sei all'inizio.
    Se ho capito quello che cerchi di ottenere, questo dovrebbe andare:

    codice:
    <table>
            <tr>
                  <td> [img]INDIRIZZO_IMMAGINE[/img] </td>
                  <td valign="middle">
                      Prima riga testo 
    
                      Seconda riga testo
                  </td>
            </tr>
    </table>
    Ti ringrazio per l'aiuto ma il testo rimane accanto all'immagine. Dovrebbe essere centrato invece. Come posso fare? Grazie ancora

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.