Difference between revisions of "Team:Carnegie Mellon/CSS"

Line 9: Line 9:
 
     padding: 50px;
 
     padding: 50px;
 
}
 
}
ul {
+
table {
 
     border: 1px solid #444;
 
     border: 1px solid #444;
 
     display: inline-block;
 
     display: inline-block;
 
     height: 301px;
 
     height: 301px;
 
     position: relative;
 
     position: relative;
     width: 600px;
+
     width: 90%;
 
}
 
}
li {
+
td {
 
     font: bold 16px/100px sans-serif;
 
     font: bold 16px/100px sans-serif;
 
     height: 100px;
 
     height: 100px;
 
}
 
}
 
a {
 
a {
     border-right: 1px solid #444;
+
     border: 1px solid #444;
    border-top: 1px solid #444;
+
 
     color: red;
 
     color: red;
 
     display: block;
 
     display: block;
Line 95: Line 94:
 
     width: 500px;
 
     width: 500px;
 
}
 
}
 
 
 
 
 
</style>
 
</style>
 
</head>
 
</head>
  
 
<body>
 
<body>
<ul>
+
 
     <li>
+
 
 +
<table>
 +
<tr>
 +
     <td>
 
         <a href="#">Item 1</a>
 
         <a href="#">Item 1</a>
 
         <div class = "about1">djfdlkjfdlkjd</div>
 
         <div class = "about1">djfdlkjfdlkjd</div>
     </li>
+
     </td>
     <li>
+
     <td>
 
         <a href="#">Item 2</a>
 
         <a href="#">Item 2</a>
 
         <div class = "about2">djfdlkjfdlkjd</div>
 
         <div class = "about2">djfdlkjfdlkjd</div>
     </li>
+
     </td>
     <li>
+
     <td>
 
         <a href="#">Item 3</a>
 
         <a href="#">Item 3</a>
 
         <div class = "about3">;dlkjfd;aljkf;aljdf;alsd</div>
 
         <div class = "about3">;dlkjfd;aljkf;aljdf;alsd</div>
     </li>
+
     </td>
</ul>
+
</tr>
 +
<tr>
 +
    <td>
 +
        <a href = "#">Item 4</a></td>
 +
    <td><a href = "#">Item 5</a></td>
 +
    <td><a href = "#">Item 6</a></td>
 +
</tr>
 +
</table>
 +
 
 +
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 14:17, 29 July 2015

Item 1
djfdlkjfdlkjd
Item 2
djfdlkjfdlkjd
Item 3
;dlkjfd;aljkf;aljdf;alsd
Item 4 Item 5 Item 6