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 :wink:
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?

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