"
Template:Caltech PracticeBar
From 2012.igem.org
(Difference between revisions)
| (7 intermediate revisions not shown) | |||
| Line 110: | Line 110: | ||
/************************************************************/ | /************************************************************/ | ||
| - | |||
/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */ | /* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */ | ||
/*------------------------------------*\ | /*------------------------------------*\ | ||
| Line 116: | Line 115: | ||
\*------------------------------------*/ | \*------------------------------------*/ | ||
#nav{ | #nav{ | ||
| - | + | list-style:none; | |
| + | margin-bottom:0px; | ||
/* Clear floats */ | /* Clear floats */ | ||
| - | float: | + | float:left; |
width:100%; | width:100%; | ||
| + | /* Bring the nav above everything else--uncomment if needed. | ||
| + | position:relative; | ||
| + | z-index:5; | ||
| + | */ | ||
} | } | ||
#nav li{ | #nav li{ | ||
float:left; | float:left; | ||
| + | margin-right:0px; | ||
position:relative; | position:relative; | ||
} | } | ||
#nav a{ | #nav a{ | ||
| - | padding: | + | padding:12px; |
| + | background:#000000; | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
#nav a:hover{ | #nav a:hover{ | ||
| - | text-decoration: | + | background:#000000; |
| + | text-decoration:underline; | ||
} | } | ||
| Line 139: | Line 146: | ||
list-style:none; | list-style:none; | ||
position:absolute; | position:absolute; | ||
| - | left:-9999px; | + | left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ |
} | } | ||
#nav ul li{ | #nav ul li{ | ||
| Line 146: | Line 153: | ||
} | } | ||
#nav ul a{ | #nav ul a{ | ||
| - | white-space:nowrap; | + | white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */ |
} | } | ||
#nav li:hover ul{ /* Display the dropdown on hover */ | #nav li:hover ul{ /* Display the dropdown on hover */ | ||
| Line 161: | Line 168: | ||
background:#000000; | background:#000000; | ||
} | } | ||
| - | |||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> | ||
Latest revision as of 01:37, 18 July 2012
