1

在第三个选项卡“联系”中，我无法显示任何内容，我试图添加“你好”但它没有添加，我错过了 div 还是什么？我看不出问题出在哪里。将来我会做备份！

在线示例： http ://www.taffatech.com/Demo.html

正文代码：

<body background="images/back.jpg">

<div id="dialog-modal" title="Register new player!">
<form action="#" method="post">
<p>Username: <input id="Username" type="text">  &nbsp;&nbsp;&nbsp; Male: <input     type="radio" name="sex" value="Male"> &nbsp;&nbsp; Female: <input type="radio" name="sex" value="Female"> <br><br>
Password: <input id="Password" type="password">  <br><br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;D/O/B: <input id="datepicker" type="text"><br><br>
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Email: <input id="Email" type="text">  
     <br></p> 
    <div style="float:left"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="submit" id="submit" value="  Submit  " /></div>
      </form>
    <div style="float:right"><img id="logo" src="images/logo.png" /> <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<Font SIZE ="4"> Copyright 2013</font></div>
</div>

 <div id="tabs">
<ul>
<li><a href="#tabs-1">Main</a></li>
<li><a href="#tabs-2">Play</a></li>
<li><a href="#tabs-3">Contact</a></li>
</ul>
<div id="tabs-1">

<div id="accordion">
<h3>Welcome</h3>
<div>
<p>
Hello and welcome we are currently in development, check back soon!
</p>
</div>
<h3>Games</h3>
<div>
<p>
As of yet we are just testing and getting used to jQuery and jQuery UI!!
</p>
</div>
<h3>About</h3>
<div>
<p>
My name is Wayne Daly and I study Computer Science in CIT.
I'm interested in:
</p>
<ul>
  <li>Making games</li>
  <li>Designing visual programs</li>
  <li>Coding!</li>
</ul>
</div>
<h3>Coming soon!</h3>
<div>
<p>
Soon I hope to have made my first 'proper' game in Canvas and have it online.
</p>
<p>
- Currently learning the in's and out's of jQuery and Canvas.
- Designing websites for clients
- Doing exams in college 
</p>
</div>
</div>
</div>


<div id="tabs-2">

 <div id="accordion2">

<h3>Play Game 1</h3>
<div>
<p>
Game 1 is in development
<div align="center">
<canvas id="myCanvas" width="600" height="400" align="center" style="border:1px solid #ffffff;">
 </canvas>
 </div>
 </p>
 </div>
 <h3>Play Game 2</h3>
 <div>
 <p>
 Game 2 is in development
 </p>
 </div>
 <h3>Play Game 3</h3>
 <div>
 <p>
 Game 3 is in development
 </p>

 </div>



 </div>
 <div id="tabs-3">
 hello

 </div>


  </div>




  </body>
4

1 回答 1

0

标记缺少关闭</div>，因此第 3 个选项卡的内容实际上在第 2个选项卡内（但隐藏）！

在将解决问题</div>之前添加另一个。<div id="tabs-3">

此页面上还有其他验证错误，因此我建议通过W3C Validator运行您的页面以更正所有错误。

于 2013-04-17T16:09:03.170 回答