2016-03-29 20 views
0

ile değiştirin Bir div etiketini bir tablo etiketiyle değiştirmem gerekiyor. Tablo etiketini seçmemin kişisel olarak bir web sitesinin düzenlemelerini ve güncellenmesini yapmamı kolaylaştıracağım. Bu, CSS'sine sahip div kodudur.Bir div etiketini tablo

Kod: Yapmak istediğiniz bu ise

<div class="cont-grid"> 
    <div class="cont-grid-info"> 
    <h3>Tittle</h3> 

     <p>Hellow World<br/> 
      <h3><b>FName, 
      LastName 
      ,FathersName</b> 
      </h3> 
     </p> 
     </div> 
</div> 

CSS stilleri

.cont-grid-info{ 
    float:right; 
    width: 69.5%; 

    .cont-grid-info h3{ 
    font-family: 'PT Sans Narrow', sans-serif; 
    font-size: 1.8em; 

} 
.cont-grid{ 
    margin-left:auto; 
    margin-right:auto; 
+1

'display: table;' – Wowsk

+0

@Wowsk onu css içine yerleştirdi? – Toots

+0

Evet, senin div için değişmek istediğin css. – Wowsk

cevap

0
<div class="cont-grid"> 
    <table class="cont-grid-info"> 
     <tr> 
      <th> 
       Tittle 
      </th> 
      <th> 
       Tittle 
      </th> 
      <th> 
       Tittle 
      </th> 
      <th> 
       Tittle 
      </th> 
     </tr> 
     <tr> 
      <td> 
       Hellow World 
      </td> 
      <td> 
       FName 
      </td> 
      <td> 
       LastName 
      </td> 
      <td> 
       FathersName 
      </td> 
      <tr> 
</div> 
0

:

<table> 
    <tr> 
    <th>FName</th> 
    <th>LastName</th> 
    <th>FathersName</th> 
    </tr> 
    <tr> 
    <th>the input name</th> 
    <th>the input lastaname</th> 
    <th>the input fathersname</th> 
    </tr> 
    <tr> 
    .. so on on the other imputs 
    </tr> 
</table> 
yerine bu verilen kod üzerinde div etiketinin Tablo etiketine nasıl değiştirilir?