Visualizzazione risultati 1 fino 2 di 2

Discussione: Posizionamento Immagini CSS

  1. #1
    Guest

    Predefinito Posizionamento Immagini CSS

    Ciao a tutti,
    da un po' di tempo mi sono avvicinato ai CSS e Ho visto cose che in HTML non si possono nemmeno immaginare
    Comunque una delle mie necissità è quella di poter allineare un'immagine in un punto perfetto della pagina. Sono sicuro che questo si possa fare ed è molto semplice... vi faccio un esempio:
    Vorrei che ci fosse un'immagine con le scritte ai lati e di fianco cioè come, per intenderci, nella home di "Batalia" C'è la foto e il testo tutt'intorno.
    Come posso ottenere un simile effetto?

  2. #2
    Guest

    Predefinito

    Per Batalia intendi batalia.altervista.org ?

    Comunque...

    Per allineare il testo a destra della foto
    Nell'html metti questo:
    Codice:
    <div class="alignleft">
    <img src="/images/immagine.gif" alt="immagine" title="titolo dell'immagine" /></div>
    Mentre nel CSS definisci "alignleft":
    Codice:
    .alignleft {
    float:left;
    }
    Per allineare il testo a sinistra della foto
    Nell'html metti questo:
    Codice:
    <div class="alignright">
    <img src="/images/immagine.gif" alt="immagine" title="titolo dell'immagine" /></div>
    Mentre nel CSS definisci "alignright":
    Codice:
    .alignright {
    float:right;
    }
    Poi se vuoi aggiungere una distanza (in termini di pixel) tra l'immagine ed il testo, basta aggiungere il margin all'interno di .alignleft o .alignright

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •