Potresti provare con una cosa del genere:
Codice PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Blocchi immagini</title>
<link rel="stylesheet" type="text/css" href="stile.css" />
</head>
<body>
<ul id="contenitore">
<li class="box">
<h3>[url="#"]Lorem ipsum dolor sit amet[/url]</h3>
[img]i/dog.jpg[/img]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<li class="box">
<h3>[url="#"]Lorem ipsum dolor sit amet[/url]</h3>
[img]i/dog.jpg[/img]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<li class="box">
<h3>[url="#"]Lorem ipsum dolor sit amet[/url]</h3>
[img]i/dog.jpg[/img]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
[/list]
</body>
</html>
Codice PHP:
body{
font-family:Helvetica,Arial,sans-serif;
font-size:small;
}
#contenitore{
list-style:none;
margin:0;
padding:0;
border:1px solid #DDD;
float:left;
padding:10px 0;
}
li.box{
float:left;
width:250px;
margin:0 20px;
}
#contenitore li.box img{
float:left;
margin:0 0 0 5px;
padding:0;
}
#contenitore li.box h3{
float:right;
width:195px; /*Larghezza box - Larghezza immagine - Margini immagine - Padding immagine*/
margin:0 0 3px 0;
}
#contenitore li.box h3 a:link,#contenitore li.box h3 a:visited{
text-decoration:none;
color:#053758;
}
#contenitore li.box h3 a:hover,#contenitore li.box h3 a:active{
color:#008080;
}
In pratica fissi una larghezza per l'elemento li, poi utilizzi il float a sinistra per l'immagine, quello a destra per il titolo.
Qui puoi trovare un esempio funzionante 
Permessi di invio
Rispondi quotando