title: Crop Text in a td CSS
body: <p>I'm active on a side called My Anime List. It's for tracking your Anime.<br>
  On this site you can upload a custom CSS Design für your List I already achieved the design I want, but I want to improve it little by little so my first problem occurred.</p>
  
  <p>I want to to crop the Animes Names, to fit everything in one row. </p>
  
  <p>How can I crop it? All I know its sth about the table layout, I already made it fixed, but now I don't know how to proceed.</p>
  
  <pre><code>.table {
       table-layout: fixed; 
       width: 100%;
  }
  </code></pre>
  
  <p>I tried to edit the td1, td2, but I think I need to change the  inside the td to achive what I want, but all I tried did nothing.</p>
  
  <p><a href="http://myanimelist.net/animelist/ErgoCanis" rel="nofollow">My List, for examples see #51,#58 in Completed</a></p>
  
  <p>Thanks for helping me, sorry for my bad english and if you need other informations I'll try to provide it to you.</p>
  
  <p>solution (worked for me)</p>
  
  <pre><code>td.td2 span, td.td1 span { 
      display:block;
      white-space:nowrap; 
      overflow:hidden; 
      text-overflow:ellipsis;
  }
  .td1, .td2 {
      background-color: #FFF;
      border-color: #F2F2F2;
      border-style: solid;
      border-width: 0 0 1px !important;
      max-width: 416px;
  }
  </code></pre>