2016-10-14 2 views
-2

Здравствуйте я хотел бы создать адаптивный таблицу с DIV в WordPress статье как это:WordPress добавить HTML и CSS код

<div class="activite"> 
<div class="row nbr" > "0"</div> 
     <div class="row" >Date</div> 
     <div class="row" >Titre</div> 
     <div class="row" >Descridivtion</div> 
      <div class="rowForm"> 
       <div class="row" >cocher</div> 
       <div class="row" >Nom</div> 
       <div class="row" >S'inscrire</div> 
      </div> 
     </div> 
    <br> 
    <div class="activite"> 
     <div class="row nbr" >&nbsdiv;1</div> 
     <div class="row" >Date</div> 
     <div class="row" >Titre</div> 
     <div class="row" >Descridivtion</div> 
      <div class="rowForm"> 
       <div class="row" >cocher</div> 
       <div class="row" >Nom</div> 
       <div class="row" >S'inscrire</div> 
      </div> 
     </div> 
    <br> 
    <div class="activite"> 
     <div class="row nbr" >&nbsdiv;2</div> 
     <div class="row" >Date</div> 
     <div class="row" >Titre</div> 
     <div class="row" >Descridivtion</div> 
      <div class="rowForm"> 
       <div class="row" >cocher</div> 
       <div class="row" >Nom</div> 
       <div class="row" >S'inscrire</div> 
      </div> 
     </div> 
    <br> 

(я хотел бы использовать DIV или р)

и я тестировал этот код стиля.

.nbr{ 
      width: 20px; 
     } 
     .row{ 
      border: 1px solid #000; 
      position: relative; 
      float: left; 
      padding: 5; 
      } 
     .rowForm{ 
      position: relative; 
      float: left;    
     } 
     br{ 
      position:relative; 
      clear:left; 
     } 
     screen and (min-width: 360px){ 
     .rowForm{ 
      position: relative; 
      float: none;    
     }   
     } 

Но мой вопрос заключается в том, как реализовать этот простой HTML-код в Wordpress, чтобы показать обычную таблицу без плагина.

+0

Создайте и активируйте дочернюю тему текущей темы, добавьте в нее дополнительную таблицу стилей, поместите этот CSS и создайте страницу, где вы вставляете свой HTML-код в «текстовый вид». – Johannes

ответ

0

Просто добавьте, что код на вкладке кода на Wordpress Post/Page должен позволить ему работать, хотя это кажется довольно странным способом добавления таблицы. Простое копирование по фактической таблице и вставка в визуальный редактор Wordpress отображает ее правильно и довольно отзывчиво, даже не делая много css.

+0

Отлично! Я тестировал стиль в статье, это не хорошо, потому что когда-то есть ошибка wordpress add br-тегов, но с дочерней темой это нормально, потому что парень, который читает этот запрос, не использует вкладку перед каждым тегом html, спасибо всем! –