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:



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

[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!

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")

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

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

e nel css

div#imgsx{
float:left;
}

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

basta che metti nell'html

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

e nel css

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?