PaperCamp: No Marshmallows, Just Term Papers

C# Code

Submitted by: Submitted by Alex105

Views: 172

Words: 430

Pages: 2

Category: World History

Date Submitted: 12/13/2012 05:47 PM

Report This Essay

View Full Essay

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

/* -------------------- Main body tag styling ---------------------- */

body,td,th {

font-family: Arial, Helvetica, sans-serif;

}

/* -------------------- What the entire dropdown backround will look like and its positioning ---------------------- */

ul {

margin:0;

padding:0;

}

.dc{

display:inline;

position: relative;

z-index: 0;

margin:0;

padding:0;

}

.dc:hover{

background-color: transparent;

z-index: 50;

}

.dc ul{

position: absolute;

width:120px;

background-color: #999;

left: -1000px;

list-style-type:none;

visibility: hidden;

}

.dc:hover ul{

visibility: visible;

top: 16px;

left:0px;

}

/* -------------------- What the list items will look like inside the dropdown ---------------------- */

.dc ul li{

margin:0;

padding:0;

background-color: #EBEBEB;

margin:1px;

}

.dc ul li:hover {

background-color: #FFF;

margin:1px;

}

/* -------------------- What the links look like inside the dropdown ---------------------- */

.dc ul li a {

display:block;

padding:4px;

font-size:12px;

}

.dc ul li a:link {

color: #333;

text-decoration: none;

}

.dc ul li a:visited {

text-decoration: none;

color: #000;

}

.dc ul li a:hover {

text-decoration: none;

color: #333;

}

.dc ul li a:active {

text-decoration: none;

color: #333;

}

/* END PURE CSS DROP MENU */

</style>

</head>

<body>

<ul>

<li><a href="#">Menu...

View Full Essay

C# Code

More like this