2012-03-28 12 views
-4

Ich mache eine Seite.Users Kommentare sehen. Wenn sie auf "devam" url klicken. Sie sehen mehr mit Kommentar zu tun.HTML - Sehen Sie mehr Kommentar brechen Sie alle Tabelle

enter image description here

enter image description here

aber die Tabelle brechen. Was ich will, ist, dass es nur die zugehörige Kommentarbreite und -höhe ändert. wie kann ich das machen ?

+1

Ihre Frage ist ungenau angegeben. Wenn Sie Hilfe benötigen, müssen Sie uns mehr Details geben – ControlAltDel

+0

Was meinen Sie mit "den Tisch brechen"? –

Antwort

0

das Problem ist, dass es die Zelle zu erweitern und auch auf den Text der anderen Zellen verursacht Verpackung .... verwenden Sie diesen Stil auf den ersten beiden Zellen:

<td style="white-space: nowrap;">...</td> 

oder setzen explizit eine Breite ihnen also:

<td style="width:200px">...</td> 
0

vielleicht ist es das, was Sie für http://jsbin.com/ejecij/2/edit

Suche
<style> 
     .date_col,.movie_col,.descr_col { 
      height:50px; 
     } 
     .date_col{width:66px} 
     .movie_col{width:100px} 
     .descr_col{width:300px} 

     .full_descr_col{ 
      width:300px; 
      height:150px; 
     } 
    </style> 
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script> 
    $(document).ready(function() { 
     init_links(); 
    }); 

    function init_links() { 

     $(".descr_col>a.fulltext").unbind().click(function() { 
      $(this).parents("td").attr("class","full_descr_col"); 
      init_links(); 
     }); 
     $(".full_descr_col>a.fulltext").unbind().click(function() { 
      $(this).parents("td").attr("class","descr_col"); 
      init_links(); 
     }); 

    } 
</script> 

<table border=1> 
    <tr> 
     <td class="date_col">date</td> 
     <td class="movie_col">movie</td> 
     <td class="descr_col">description</td> 
    </tr> 
    <tr> 
     <td class="date_col">date</td> 
     <td class="movie_col">movie</td> 
     <td class="descr_col"> 

      description 

      <a href="#examplelink" class="fulltext">examplelink</a> 
     </td> 
    </tr> 
    <tr> 
     <td class="date_col">date</td> 
     <td class="movie_col">movie</td> 
     <td class="descr_col">description</td> 
    </tr> 
    <tr> 
     <td class="date_col">date</td> 
     <td class="movie_col">movie</td> 
     <td class="descr_col">description</td> 
    </tr> 
</table> 
Verwandte Themen