text-overflow & word-wrap: break-word

[orphenix]

Salve a tutti.

Girando per il web ho trovato queste 2 nuove funzione css3(text-overflow & word-wrap), che sono utile proprio per il mio problema. Le ho provate ad usare ma non mi funzionano sul progetto che sto lavorando.Il sito dove le ho trovate ci sono dei esempi che fanno vedere il loro funzionamento e sul mio browse funzionano, quindi ho pensato che non è un problema di compatibilità,Vi chiedo se qualcuno mipuo aiuta a correggere il codice css che ho scritto.

allora mettiamo in chiaro alcuni punti che forse non sono neache importate per la soluzione (sempre se esiste).
ho un tag div chiamato news in questo tag , ci ho messo una immagine piccola e del testo dove viene generato tutto dinamicamente, facendo una interrogazione al DB con php... e con php poi mi creo lo struttura del div il codice e questo:

<link href="../enpa/style/home.css" rel="stylesheet" type="text/css" />
<div id="newsHome">
<?php
$sql = "SELECT *
		FROM `news`
		WHERE `id`>=0
                ORDER BY `id` DESC
                 LIMIT 0,$NPAG";
$risul = mysql_query($sql) or die("query fallita");
$num = mysql_num_rows($risul);

require_once("$path/enpa/vari/parseBB.php");
For ($i = 0; $i < $num; $i++) {
    print "<div class=\"news\">";
    $row = mysql_fetch_row($risul);

    print "<img src=\"".$row[3]."\"\>";// img
    print "<p class=\"titolo\">".$row[4]."  
".$row[2]."</p>";// data e titolo


    print "<p class=\"oggetto\">
".ParseBB($row[5])."</p>";// testo della news
    print "</div>";
}
?>
</div>

il file home.css e questo:

div#newsHome .news{
    height: 200px;
    width: 180px;
    margin: 10px 0px 10px 20px;
    border: 1px solid #0000FF;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
   
}
div#newsHome .news img {
    float: right;
    height: 50px;
    width: 50px
}

div#newsHome .news p .titolo{
    text-align: left;
    font-family: sans-serif,safary;
    font-size: 10px;
    color: #5C75AA
}

div#newsHome .news p .oggetto{
    text-align: left;
    font-family: sans-serif,safary;
    font-size: 12px;
    
}

il css ancora non e completo, perche manca la parte che devo mettere i div allineati sulla stessa riga, come è ora il css non fa altro che crearli a cascata, cmq questo lo faccio dopo che none difficile.
non mi importa la soluzione sia in css, mi sta bene anche in JavaScript mi ricordo che una volta avevo letto un articolo su come creare questi div con i puntini. mi sta bene anche quella soluzione.

ps sto usando su altervista un sito per provare il progetto, se vi serve metterò il link.

grazie per le soluzioni

[orphenix]

scusatemi rileggendo mi sono accorto che non si capisce che cosa voglio.... lo scrivo qua ben chiaro.

in semplice parole voglio che un tag div con all'interno una immagine e del testo ( che non so quando sia e come è formattato potrebbe essere formattato in qualche maniera anche una sola lettera a riga)... voglio ke questo testo compaia solo in base all'altezza e larghezza del tag div che a nome di class=news, ed alla fine inserisce ... o continua in modo che si capisc eche la news non e completa ....

grazie e scusate per prima

[mucu]

ne css ne javascript
ti serve php per contare le lettere e finirla lì