w3c我无法解决的错误

时间:2017-04-18 11:53:48

标签: html css3

我有一些代码似乎适用于我测试它的每个浏览器,但是当我通过w3c验证器运行它时,我得到了错误的错误。其中2个是不应该在那里的Tage,即使它们必须在那里并且几个未关闭。再次,如果我把它们拿出来,它会阻止整个工作。就像我说它工作正常我只是不想要错误。

代码是:

<div class="container">  
<div id="loginbox" style="margin-top:10px;" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">                    
<div class="panel panel-info" >
<div class="panel-heading">
<div class="panel-title login-text hidden-xs">Login to your account</div>
<div class="panel-title login-mobile hidden-sm hidden-md hidden-lg">Login to your account</div>
</div>     

<div class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2"></div>
<div style="padding-top:30px" class="panel-body" >
<div style="display:none" id="login-alert" class="alert alert-danger col-sm-12"></div>

<form method="post" class="login_check" action="process-login.php">
<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
<input id="login-email" type="text" class="form-control" name="username" value="" placeholder="Enter your email address">                                        
</div>



<div style="margin-bottom: 15px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
<input id="login-password" type="password" class="form-control" name="password" placeholder="Enter your password">
</div>

<div class="input-group">
<div class="checkbox">
<label>
<input id="login-remember" type="checkbox" name="remember" value="1"> Company account
</label>
<div style="margin-bottom: 20px"></div>
</div>
</div>

<!-- Button -->

<input type="submit" class="btn btn-success" name="send" value="Login">
<div style="margin-bottom: 20px"></div>
</form>
<!-- Button -->
<div id = "login_status" class="alert alert-danger" role="alert" style="display:none;">
  <strong>Sorry they dont match</strong></div>




<div class="col-md-12 control">

     <a href="#" onClick="$('#loginbox').hide(); $('#signupbox').fadeIn('slow');$('#reminder_sent').hide();  ">
     <br>Forgot your password?
     </a>

</div>


</div>                    
</div>  
</div>
 <div id="signupbox" style="display:none; margin-top:10px" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
<div class="panel panel-info">
<div class="panel-heading">
<div class="panel-title login-text hidden-xs">Forgot Password</div>
<div class="panel-title login-mobile hidden-sm hidden-md hidden-lg">Forgot Password</div>
</div>  
 <div class="panel-body" >

<form method="post" class="resend_password" action="resend_password.php">
<div style="margin-bottom: 20px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
<input id="login-username" type="text" class="form-control" name="username" value="" placeholder="Enter your email address">                                        


</div>



<div class="form-group">

<!-- Button -->                                        

<input type="submit" class="btn btn-success" name="send" value="Send password">
</form>

</div>


<div id = "reminder_sent" class="alert alert-danger" role="alert" style="display:none;">
  <strong>Your password reminder has been sent
</div>

<div class="form-group">
<div class="col-md-12 control">

<div style="border-top: 1px; solid#888; padding-top:20px; font-size:85%" ><span class="gotit">Got it?</span> 
<a href="#" onClick="$('#signupbox').hide(); $('#loginbox').show();$('#login_status').hide();">Login here</a></div>
</div>
</div>    

</div>
</div>             
</div> 
</div>

我得到的错误是

错误 311&#34; div&#34; element必须有一个结束标记()但是找不到结束标记,放错位置,或者由于其他错误而没有看到结束标记。

 错误 316&#34; div&#34;的结束标记(从第311行开始,第2列)应出现在&#34;表格&#34;的结束标记之前。或者应删除或移动此结束标记。这是一个嵌套错误。  错误 322&#34; strong&#34; element必须有一个结束标记()但是找不到结束标记,放错位置,或者由于其他错误而没有看到结束标记。   您的密码提醒已发送  错误 323&#34; strong&#34;的结束标记(从第322行开始,第4列)应出现在&#34; div&#34;的结束标记之前。或者应删除或移动此结束标记。这是一个嵌套错误。

CSS错误 328错误的CSS声明;找不到将属性名称与其值分隔的冒号。

得到它了?  错误 336&#34; div&#34;的结束标记被发现,但所有&#34; div&#34;开始标记已经有结束标记(或者存在嵌套错误)。下一个预期的结束标记是在第194行第2列开始的。

1 个答案:

答案 0 :(得分:0)

您需要在seceond </div>之前添加</form>,并在结尾处删除一个。{/ p>