html - Twitter bootstrap table messed up? -
i fiddling around bootstrap came grinding halt error of being misplaced.
the source code generated was
<!doctype html> <html> <head> <title>anjul photo copy</title> <link rel="stylesheet" href="/css/bootstrap.min.css"> <link rel="stylesheet" href="/css/bootstrap-responsive.min.css"> </style> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <script src="js/textrace.js"></script> </head> <body> <div class="page-header"> <center><h1>header <small>header 2!</small></h1></center> </div> <span class="span2"> <div class="well"> <ul class="nav nav-list"> <li ><a tabindex="-1" href="/">home</a></li> <li ><a tabindex="-1" href="contact.php">contact us</a></li> <li ><a tabindex="-1" href="services.php">services</a></li> <li class='active'><a tabindex="-1" href="dba.php">aayufill</a></li> <li class="divider"></li> <li><a tabindex="-1" href="#">separated link</a></li> </ul></div> </span> <span class="span8"> <table class="table table-striped"> <thead> <tr> <th>first name</th> <th>last name</th> <th>fathers name</th> <th>address</th> </tr> </thead> <tbody> <tr><td>aayush<td><td>agrawal<td><td>ranjan agrawal<td><td>4 oriental<td><tr> </tbody> </table> </span> <div style="clear:both;"><center>copyright © anjul photo copy</center></div> </body> </html>
but can see, table gravely misplaced. advice on fixing highly appreciated.
the problem table row structure :
<tr> <td>aayush<td> <td>agrawal<td> <td>ranjan agrawal<td> <td>4 oriental<td> <tr>
you're not closing <td>
correctly. should :
<tr> <td>aayush</td> <td>agrawal</td> <td>ranjan agrawal</td> <td>4 oriental</td> <tr>
you need use </td>
close <td>
working example here ... w3c markup validator fiend
Comments
Post a Comment