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

pchs

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

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:;
    text-align: inherit;
}
.image{
    float: left;
    width: 150px;
    border: solid;
    border-color:#000099;
}
/*Fine Top Review*/

e questo è il codice php:

[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"><a href="reviews/<?php echo "$link"; ?>" title="<?php echo "$row[title]" ?>"> <?php echo "$row[titolo]"; ?> </a></blockquote>
<blockquote class="image"><img src="<?php echo "$row[image]" ?>" 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>[/PHP]

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

il.rappo

Dici il testo che continui sotto l'immagine?

pchs

Si....

il.rappo

@pchs said:

Si....

.descrizione{
color:#000000;
display:inline;
width: 140px;
text-align: left;
}

(quantomeno così a me va)

pchs

@Il_Rappo said:

.descrizione{
color:#000000;
display:inline;
width: 140px;
text-align: left;
}

(quantomeno così a me va)

Grazie mille. Puyrtroppo avevo provato, ma non va... ovvero non si vede bene perchè la scritta si accavalla all'immagine....

il.rappo

Imposta un margin-left all'immagine allora

pchs

Forse volevi dire il margin-right dell'immagine Cmq fatto e ti ringrazio, ma ora comunque il testo compare di fianco al titolo e non parte di fianco all'immagine... :S

Ho provato anche a mettere un margin-top alla descrizione, ma non si muove da li....

il.rappo

@pchs said:

Forse volevi dire il margin-right dell'immagine
Dislessia E mi sono pure riletto!

@pchs said:

Ho provato anche a mettere un margin-top alla descrizione, ma non si muove da li....
padding-right al titolo
stavolta è giusto

pchs

Credo che il portale non lo finirò mai Allora il
padding-right non ha funzionato per cui ho aggiunto nel codice php sotto al titolo:

tuttavia non ho ancora risolto tutti i problemi in quanto anche se alla descrizione do text-align: justify il testo non è giustificato e poi tocca i bordi del box nonostante io imposti un margin-left ed un margin-right:

il.rappo

@pchs said:

Credo che il portale non lo finirò mai Allora il
padding-right non ha funzionato per cui ho aggiunto nel codice php sotto al titolo:

Hai messo il padding nell'a, a:link?

@pchs said:

tuttavia non ho ancora risolto tutti i problemi in quanto anche se alla descrizione do text-align: justify il testo non è giustificato e poi tocca i bordi del box nonostante io imposti un margin-left ed un margin-right:

E allora imposta un width

Una domanda, come mai hai usato i blockquote?

lord.baron

Scusa, magari dico una stupidaggine, ma mettendo float:left e clear:left all'immagine? Il testo cosi gli gira intorno. Poi dai padding al div con la immagine in bg di modo che ti si stacchi dai bordi della stessa. Per il titolo non ci dovrebbero essere probs se lo involti in un h1 o h2 e gli dai delle propieta' se necessario.

Mi spiego? Non ti ho capito ed ho detto una cavolata?