Ciao over.
Per allineare due box devi utilizzare il css.
Ad esempio hai due box (div) uno a sinistra per le news e a destra hai il contenuto.
Crei un foglio di stile (CSS) oppure lo inserisci direttamente nell'head della pagina.
Nel body della pagina metti:
Codice:
<div id="news">Qui dentro scrivi tutto il contenuto delle news...bla bla bla...</div>
<div id="content">metti qui dentro tutto il contenuto.metti pure l'immagine del tizio che si sfracella le dita</div>
Ora crei un foglio di stile chiamato style.css e lo richiami all'interno dell'head:
Codice:
<head>
<link rel="stylesheet" type="text/css" href="/style.css">
</head>
In questo foglio di stile inserisci quello che serve per allineare i due elementi (news e content):
Codice:
#news {
float:left;
width:250px;
margin:5px;
border:1px solid gray;
}
#content {
float:right;
width:550px;
background-image: url('/cartella/nomedell'immagine.gif') ;
margin:5px;
border:1px solid gray;
}
Le cose importanti sono i float. Nel box delle news avrai un float left e quindi il box sarà a sinistra. Mentre il box del contenuto ha un float a destra (puoi mettere anche left, si troverà comunque a destra delle news).
Con il width vedi un po' tu come impostarlo, è semplicemente la larghezza del box in numeri di pixel.
Il margin ti lascia una certa quantità di spazio tra il box e gli altri elementi della pagina, per cui seleziona tu i pixel.
Il border idem, vedi te se lasciarlo o eliminarlo.