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

Line 39: Line 39:
 
     display: block;
 
     display: block;
 
     text-align: center;
 
     text-align: center;
−
     width: 99px;
+
     width: 200px;
 
}
 
}
  
Line 46: Line 46:
 
}
 
}
  
 +
 +
a:hover {
 +
    opacity: 0.6;
 +
}
  
 
a:hover + .about1 {
 
a:hover + .about1 {
Line 54: Line 58:
 
     margin-top: -100px;
 
     margin-top: -100px;
 
     position: absolute;
 
     position: absolute;
 +
    border: 4px solid cyan;
 
}
 
}
  
Line 67: Line 72:
  
 
td:nth-child(1) a:hover {
 
td:nth-child(1) a:hover {
−
     background: red;
+
     background: white;
 
     color: #fff;
 
     color: #fff;
 
}
 
}
Line 130: Line 135:
 
     <td>
 
     <td>
 
         <a class = "table" href="#">Item 3</a>
 
         <a class = "table" href="#">Item 3</a>
−
         <div class = "about3">;dlkjfd;aljkf;aljdf;alsd</div>
+
         <div class = "about3"></div>
 +
    </td>
 +
    <td>
 +
        <a class = "table" href="#">Item 4</a>
 +
        <div class = "about3"></div>
 +
    </td>
 +
    <td>
 +
        <a class = "table" href="#">Item 5</a>
 +
        <div class = "about3"></div>
 
     </td>
 
     </td>
 
  </tr>
 
  </tr>
 
<tr>
 
<tr>
 
     <td>
 
     <td>
−
         <a class = "table" href = "#">Item 4</a></td>
+
         <a class = "table" href = "#">Item 6</a></td>
−
     <td><a class = "table" href = "#">Item 5</a></td>
+
     <td><a class = "table" href = "#">Item 7</a></td>
−
     <td><a class = "table" href = "#">Item 6</a></td>
+
     <td><a class = "table" href = "#">Item 8</a></td>
 +
    <td>
 +
        <a class = "table" href="#">Item 9</a>
 +
        <div class = "about3"></div>
 +
    </td>
 +
    <td>
 +
        <a class = "table" href="#">Item 10</a>
 +
        <div class = "about3"></div>
 +
    </td>
 
</tr>
 
</tr>
 
</table>
 
</table>

Revision as of 15:25, 29 July 2015

Item 1
djfdlkjfdlkjd
 Item 2
djfdlkjfdlkjd
 Item 3
Item 4
Item 5
Item 6 Item 7 Item 8 Item 9
Item 10