没有显示DIV的问题

时间:2014-07-08 20:18:45

标签: html css

任何想法为什么我的div"会议形状" (.conferences-shape)DIV并没有出现在"私人教练/教练DIV"页面标题中的蓝色标签DIV(.espace-coaching-shape)?见http://goo.gl/7Ki6Rs

非常感谢

CSS:

.espace-nutrition-shape {
  position: relative;
  float: right;
    clear: both;
  width: 455px;
  height: 55px;
  margin-top: 125px;
     height: 0;
  border-top: solid 55px #114191;
  border-left: solid 55px transparent;
   cursor: pointer;
}

.espace-coaching-shape {
  position: relative;
  float: right;
  clear: both;

  height: 55px;
  margin-top: 20px;
  /*background-color: #1655bf;*/
  height: 0;
  border-top: solid 55px #1655bf;
  border-left: solid 55px transparent;
  width: 515px;
 cursor: pointer;


}

    .conferences-shape {
      position: relative;
      float: right;
      clear: both;
      width: 350px;
      height: 55px;
      margin-top: 20px;
       height: 0;
      border-top: solid 55px #236ce5;
      border-left: solid 55px transparent;
       cursor: pointer;
    }

HTML

<div class="espace-nutrition-shape wow fadeInRight" data-wow-delay="1s">
                <a class="text-shape-accueil" href="cabinet-de-nupie.html">Conseils nutritionnels</a>
            </div>

            <div class="espace-coaching-shape wow fadeInRight" data-wow-delay="2s">
                <a class="text-shape-accueil" href="personal-trainer">Personal Training / coaching</a>
            </div>

            <div class="conferences-shape wow fadeInRight" data-wow-delay="3s">
                <a class="text-shape-accueil" href="biographie.html">Conférences</a>
            </div>

enter image description here

2 个答案:

答案 0 :(得分:1)

它没有拿起.conferences-shape课程。我通过验证器http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fblondiau.lu%2Fcss%2Fstyles.css&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en运行了css,这可能是由于您评论的方式/* End accuei popup contact form */ */

答案 1 :(得分:0)

.conferences-shape {
position: relative;
float: right;
clear: both;
height: 55px;
margin-top: 20px;
border-top: solid 55px #1655bf;
border-left: solid 55px transparent;
width: 350px;
cursor: pointer;
}

用这个替换整个班级。这应该有用。