Perchè il testo non va a capo sulla sinistra :@

[siriuxs]

Ragazzi sto sbattendo la testa per far andare il mio testo a capo sulla sinistra, ma non va. Ho provato in diversi modi ma non ci sono riuscito.

Per farvi capire meglio vi faccio vedere il mio codice css:

/*Top Review*/
.rounded:before {
 	background: transparent url(../blocchi/topReviews/images/top-right.png) scroll no-repeat top right;
  	margin-bottom: -20px;
  	height: 30px;
  	display: block;
  	border: none;
  	content: url(../blocchi/topReviews/images/top-left.png);
  	padding: 0;
  	line-height: 0.1;
  	font-size: 1px;
}
.rounded:after {
  	display: block;
  	line-height: 0.1;
  	font-size: 1px;
  	content:  url(../blocchi/topReviews/images/bottom-left.png);
  	margin: 0 0 -1px 0;
  	height: 30px;
  	background: white;
  	background: transparent url(../blocchi/topReviews/images/bottom-right.png) scroll no-repeat bottom right ;
  	padding: 0;
}
blockquote {
   	background: #EEEEEE;;
   	color: white;
   	margin-right: -10px;
	margin-left: 35px;
   	width:50%;
}
.rounded * {
    padding-left: 0px;
    padding-right: 0px; 
    }

.rounded {
	margin-left:0;
    padding: 0;
  }
.titolo{
	font-style:italic;
	color: #000000;
	text-align: center;	
	display: inline;
}
.titolo a{
	text-decoration: none;
	font: bold 80%;
}
.descrizione{
	color:#000000;
	float: left;
	width: 140px;
	text-align: left;
}
.data{
	color: #000000;
	text-align: inherit;
}
.image{
	float: left;
	width: 150px;
	border: solid;
	border-color:#000099;
}
/*Fine Top Review*/

e questo è il codice php:

<blockquote class="rounded">
    <?php
        //Seleziono tutti i dati della recensione
         $query = "SELECT titolo, testo, autore, data, image FROM portal_reviews ORDER BY id DESC LIMIT 0,1";
        $result = mysql_query($query, $db);
        $row = mysql_fetch_array($result);
        
        $link = str_replace( " ", "-", $row[titolo] );
        $link = $link .".php";
    ?>
    
    <blockquote class="titolo">[url="reviews/<?php echo "]" title="<?php echo "$row[title]" ?>"> <?php echo "$row[titolo]"; ?> [/url]</blockquote>
    <blockquote class="image">[img]<?php echo [/img]" alt="<?php echo "$row[titolo]"; ?>"/></blockquote>
    <blockquote class="descrizione"><?php echo "$row[testo]"; ?></blockquote>
    <blockquote class="data"><?php echo date("j/n/y", $row[data]); ?></blockquote>
</blockquote>

e questo è il risultato:



Ho provato a creare un blockquote1 oppure a sostituire <div class="....."> con <blockquote class="...."> ma il risultato è questo:



Cosa mi dite di fare? Io non so più cosa modificare... :S

[deleted_id_48586]

Perchè sia l'immagine che il testo sono in due elementi Blockquote (ti sconsiglio di usare questo TAG). affiancati con il floating. Ti viene creata una sorta di doppia colonna quindi.

Per far scorrere il testo sotto l'immagine dovresti evitare di far "flottare" anch'esso.

[siriuxs]

Come mai sconsigli di utilizzare il blockquote?

[deleted_id_48586]

Perchè il Tag BLOCKQUOTE, se vogliamo rispettare la semantica degli elementi XHTML, servirebbe per racchiudere una "citazione" un pò come avviene per il quoting dei messaggi sul forum.

Per quello che hai realizzato dovresti usare dei DIV generici con ID o CLASSI.

[siriuxs]

Infatti la mia idea se noti era quella di citare la recensione hot del momento... Però se mi dici che comunque è semanticamente scorretto, io cambio ed utilizzao i div...