Css проблема с div - PullRequest
Новая
       8

Css проблема с div

0 голосов
/ 19 сентября 2011

Эй, я разрабатываю этот макет для моего будущего сайта, но я не могу изменить id = titre, так как я добавил контейнер div с преобразованием вращения ..... Вот код 

  <style type="text/css">
body {
     background-color: white;
}

.rotate {

 /* Rotate div */
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* IE 9 */
-moz-transform:rotate(-90deg); /* Firefox */
-webkit-transform:rotate(-90deg); /* Safari and Chrome */
-o-transform:rotate(-90deg); /* Opera */
background-color: transparent;
 position: fixed;

 margin-left: 1100px;

}
 #titre {
      font-family: baskerville;
      color: blue;
      text-transform: uppercase;
      font-style: italic bold;
 }
 #description {
          font-family: baskerville;
          font-style: italic
          text-transform: underline;
          color: #000;
          }



 </style>
  <div class="rotate">                     <!--Bloc devant aller à droite -->
    <div id="titre">                                   
     <h1>{Title}</h1>                         
    </div>    
   <div id=description">                         
    {block:Description}
        <p id="description">{Description}</p>
     {/block:Description}
   </div>
  </div>

Вы видите, где моя проблема?

Ответы [ 2 ]

2 голосов
/ 19 сентября 2011

ID в элементах HTML должен быть уникальным.

У вас есть 2 элемента с id = описанием.

Использование: 

class="description"

вместо этого. (если вы хотите применить стиль к нескольким элементам)

0 голосов
/ 19 сентября 2011

Использование одного и того же идентификатора для двух разных элементов на одной странице - это большой запрет.

Дайте им уникальные идентификаторы и дайте им общий, соответствующий класс. 

class="description"
...