troncare alla lunghezza del td

**riccardo1975** · 03-11-2013, 14:39

Originariamente inviata da lucavizzi

Dovrebbe essere sufficiente un CSS:

codice:

<style type="text/css">
td{height:100px; overflow:hidden}
</style>

Dal seguito si vedrà che con i css vado più o meno a caso, come correggo l'esempio di seguito?

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
<style type="text/css">
td222{height:100px; overflow:hidden}
</style>
</head>
<body>
<table>
<tr>
<td class='td222'>sd asd asd asd asd asd ad asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asdas d2</td>
<td>Lucia</td>
<td>Giannelli</td>
</tr>
</table>
</body>
</html>

**lucavizzi** · 03-11-2013, 15:07

Originariamente inviata da riccardo1975

Dal seguito si vedrà che con i css vado più o meno a caso, come correggo l'esempio di seguito?

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);</script><title>Esempio</title>
<style type="text/css">
td222{height:100px; overflow:hidden}
</style>
</head>
<body>
<table>
<tr>
<td class='td222'>sd asd asd asd asd asd ad asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asdas d2</td>
<td>Lucia</td>
<td>Giannelli</td>
</tr>
</table>
<script type="text/javascript">if(!NREUMQ.f){NREUMQ.f=function(){NREU MQ.push(["load",new Date().getTime()]);var e=document.createElement("script");e.type="text/javascript";e.src=(("http:"===document.location.pr otocol)?"http:":"https:")+"//"+"js-agent.newrelic.com/nr-100.js";document.body.appendChild(e);if(NREUMQ.a)N REUMQ.a();};NREUMQ.a=window.onload;window.onload=N REUMQ.f;};NREUMQ.push(["nrfj","beacon-1.newrelic.com","2a44006d65","2547203","MQAGZEJQV0 ZTW0EKXghKMUJZHl9aQE1YTFAMBBweQFlJ",0,183,new Date().getTime(),"","","","",""]);</script></body>
</html>

Se usi una classe:

codice:

td.222{height:100px; overflow:hidden}
/*regola che identifica i "td" con classe "222"*/

oppure

codice:

.222{height:100px; overflow:hidden}
/*regola che identifica tutti gli elementi (p, h1, ecc.) con classe "222"*/

Se usi un id:

codice:

<td id="myId"></td>

codice:

#myId{height:100px; overflow:hidden}

N.B.: I nomi delle classi e degli identificatori univoci devono sempre iniziare con una lettera, mai con un numero, e sono case-sensitive.

Discussione: troncare alla lunghezza del td

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Permessi di invio