Inserire Foto nella home page - index.html

Salve a tutti :D , mi sono creato finalmente una home page con questa struttura e i vari collegamenti:

http://img34.imageshack.us/img34/3002/esempio.png

adesso vi chiedo se gentilmente potreste aiutarmi a capire come inserire delle foto (quelle indicate dalle frecce) ma ne' orrizzontali ne' verticali, li vorrei inserire in diagonale. Premetto che la parte che ho colorato di celeste e' tutta vuota, non c'e' niente, i riquadri li ho inseriti per far capire cosa vorrei fare. Grazie in anticipo a chi mi possa aiutare :D

Potresti posizionare i div con CSS in quei posti e nei div inserisci le foto.

Comunque non so come si inseriscono in obliquo :???:

Ciao!

Citazione:

---

Originalmente inviato da alemoppo

Potresti posizionare i div con CSS in quei posti e nei div inserisci le foto.

Comunque non so come si inseriscono in obliquo :???:

Ciao!

---

Grazie per la tua risposta ma non mi hai aiutato con questa risposta.:???:

http://www.walterzorn.com/rotate_img/rotate_img.htm

Qui c'è un semplice javascript che permette di ruotare le immagini :)

Io però consiglio l'utilizzo di questo semplice plugin per jquery: http://code.google.com/p/jquery-rotate/
o, ancora meglio, http://www.piksite.com/mRotate/

(però... forse sarebbe meglio, per non appesantire troppo la pagina, ruotare le immagini direttamente "come immagini")

Citazione:

---

Originalmente inviato da comunitavirtuali

http://www.walterzorn.com/rotate_img/rotate_img.htm

Qui c'è un semplice javascript che permette di ruotare le immagini :)

Io però consiglio l'utilizzo di questo semplice plugin per jquery: http://code.google.com/p/jquery-rotate/
o, ancora meglio, http://www.piksite.com/mRotate/

(però... forse sarebbe meglio, per non appesantire troppo la pagina, ruotare le immagini direttamente "come immagini")

---

grazie mille, ma purtroppo non riesco a capire quale codice inserire per metterle a destra e a sinistra, sapresti aiutarmi?

basta che metti nell'html

Codice HTML:

---

<div id="imgsx"><img src="link1.jpg"><br><br><img src="img2.jpg"><br><br><img src="img3.jpg"></div>

---

e nel css

Codice HTML:

---

div#imgsx{
float:left;
}

---

e con destra fai la stessa cosa ma metti right al posto di left

Citazione:

---

Originalmente inviato da marinegame

basta che metti nell'html

Codice HTML:

---

<div id="imgsx"><img src="link1.jpg"><br><br><img src="img2.jpg"><br><br><img src="img3.jpg"></div>

---

e nel css

Codice HTML:

---

div#imgsx{
float:left;
}

---

e con destra fai la stessa cosa ma metti right al posto di left

---

grazie cosi' funziona, solo che si sovrappone al riquadro e sposta quello che c'e' scritto in varie piu' a destra e si conseguenza quello che c'e' scritto nell'altro varie piu' sotto. Cosa sbaglio, forse dove lo inserisco?