Wed, 2014-07-23 22:06
I coded to make a simple table with three rows and one column. That worked fine. But, trouble comes while making 1 px borders around the table using css. It doesn't make any border.
index.php class:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>My site</title> </head> <body> <table class="t"> <tr><td>first row</td></tr> <tr><td>second row</td></tr> <tr><td>third row</td></tr> </table> <script type="text/javascript" src="js/jqry.js"></script> <script type="text/javascript" src="js/selector.js"></script> </body> </html>
style.css class:
.t,.t tr,.t td{ border: 1px solid red; }
[NOTE1: I am giving a complete view how my folder looks like. C:\xampp\htdocs\jquery\css\style.css ; C:\xampp\htdocs\jquery\js\jquery.js ; C:\xampp\htdocs\jquery\index.php [NOTE2: I was intended to use jQuery functionality later on, thats why I have jQuery folder(anyway that has nothing to do with it, isn't it?]
I attached the photo how does my output look like in google crome. I tried with different browser. they have the same problem.
| Attachment | Size |
|---|---|
| output.jpeg | 25.52 KB |
