2016-03-29 6 views
0

Мне нужно заменить тег div тегом таблицы. Я выбираю табличный тег, потому что мне легче сделать изменения и обновление веб-сайта. Это код div с его CSS. Как заменить его в таблице тега вместо сНу метки на этом данный код:Замените тег div на таблицу

Код:

<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

.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 поместил его внутри моего css? – Toots

+0

Да, css для вашего div, который вы хотите изменить. – Wowsk

ответ

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> 
Смежные вопросы