Posizionameto box

[gabrib]

Ciao a tutti. Sto tentando di posizionare un box all'interno del quale dovrei inserire un'immagine.
Questo box si dovrebbe posizionare sotto il titolo  " Articoli pubblicati giugno 2010" ad una distanza di circa 60px, e 11px dai menu di sinistra.
Se provo però a modificare la posizione del box spostandolo verso il basso, questo  non viene visualizzato in maniera corretta (viene tagliato) visto che il box misura 120px X 162px, sembra annidato nel div del titolo.
Come posso fare per risolvere il problema?? Grazie per l'attenzione.

Cliccando sul link, si può vedere come si presenta il problema:
http://www.glfinvestments.com/articolo-della-settimana.html

Codice html della pagina:

<div style="text-align: left;"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 18pt;">
<span style="color: #3b4445;"><strong>Articoli pubblicati giugno 2010</strong></span></span></span></div>
<div style="text-align: left;"></div>
<div id="box_art1"><strong><a href="images/stories/articolipdf/pdf_giu2010/LaGazzetta05_06_10.pdf" target="_blank">
<img src="images/stories/articolipdf/icone_jpeg/icone_giu_2010/05_06_10.jpg" alt="LaGazzetta05_06_10.jpg" title="Bond Argentina, ultima chiamata.pdf  (05-06-2010)"
 border="1" height="162" width="120" />[/url]</strong></div>

CSS
#box_art1 {
top: 30px;
left: 11px;
position: absolute;
border: solid 1px;
margin: 5px;
}

[conti1]

ciao
prova a mettere questo css al posto del tuo

Codice: [Seleziona]

#box_art1 {
border:1px solid;
margin-top:60px;
position:relative;
}

[gabrib]

Sicuramente con il tuo css la situazione è migliorata, in realtà le miniature da inserire in quella pagina sono
4 messe in orizzontale. Io vorrei posizionarle ognuna con il proprio box, distanziate  di 11px una dall'altra, perchè tutte le settimane devo sostituirle con delle nuove miniature,  e così facendo, dovrei modificare solo il nome della miniatura, senza modificare la posizione.
Come posso fare per ottenere questo risultato?? Grazie.

[conti1]

ciao
xche non ti crei una posizione oppure 4 pozioni nellla parte del main?
in questo modo hai 4 posizioni separate  nel main . e con 4 box differenti.

[gabrib]

Sarebbe bello se lo sapessi fare!
Potresti spiegarmi la procedura??
Grazie.

[gabrib]

Ho tentato inserendo  un'altro box, ma il risultato è che il secondo si posiziona sotto il primo e non a fianco come volevo. Come posso fare?? Grazie.

[conti1]

non si affiancano xche non hai messo  nei 2 css #box_art1 #box_art2 il comando  float:left;

[gabrib]

Grande conti1, ora sembra funzionare, c'è un particolare che vorrei aggiustare: il box ha un bordo di 2px, se noti non è centrato con la miniatura (questa tende verso il basso e verso destra, pur essendo il box di dimensioni identiche alle dimensioni della miniatura 120px; x 162px;), è possibile centrarlo e se si, come?? Grazie per la tua pazienza!!

[conti1]

aggiungi nel css dei box
padding:2px 3px 4px 2px;