@charset "utf-8";
/* CSS Document */
* { margin:0px;
padding:0px;
}
#container {
width:1000px;
margin-left:auto;
margin-right:auto;
position:relative;
background-color:#FF9;
}
#header {
height:175px;
background-image:url(imagenes/BANNER-jpg.jpg);
}
#menu {
position:relative;
height:40px;
background-color:#CCC;
}
#navleft{
position:relative;
width:200px;
float:left;
}
#navrigth{
position:relative;
width:200px;
float:right;
}
#content {
position:relative;
margin-left:200px;
margin-right:200px;
background-color:#FFF;
padding:15px;
}
#footer {
position:relative;
height:40px;
background-color:#333;
clear:both;
}
#navleft ul li{
list-style-image:none;
list-style-type:none;
}
#navleft ul li a {
padding-top:10px;
padding-bottom:10px;
display:block;
background-color:#FF9;
font-family:"Times New Roman", Times, serif, sans-serif;
font-size:18px;
text-decoration:none;
}
#navleft ul li a:hover {
color:#000000;
text-decoration:underline;
background-color:#FFF;
}
/*menus desplegables*/
#menu{
height:40px;
position:relative;
}
#menu ul li {
list-style-type:none;
}
#menu ul li.menu {
display:inline;
float:left;
}
#menu ul li.menu a {
border-radius:5px;
height:28px;;
font-size:16pt;
color:#FFF;
text-decoration:none;
font-weight:bold;
width:170px;
width:200px;
text-align:center;
display:block;
padding-top:12px;
}
#menu ul li.menu a:hover {
color:#999;
text-decoration:underline;
}
#menu ul li.menu ul {
display:none;
}
#menu ul li:hover ul.submenu {
position:absolute;
display:block;
z-index:2;
}
#menu ul li ul.submenu li.submenu a {
background-color:#666;
border:solid;
border-radius:5px;
border-color:#000;
}
#menu ul li ul.submenu li.submenu a:hover {
background-color:#666;
color:#999;
}
#menu ul li ul.submenu li:hover ul.submenu2-1 {
position:absolute;
z-index:3;
display:block;
left:180px;
top:0px;
}
#menu ul li ul.submenu li:hover ul.submenu2-2 {
position:absolute;
z-index:3;
display:block;
left:180px;
top:40px;
}
#menu ul li ul.submenu li:hover ul.submenu2-3 {
position:absolute;
z-index:3;
display:block;
left:180px;
top:80px;
}
#menu ul li ul.submenu li:hover ul.submenu2-4 {
position:absolute;
z-index:3;
display:block;
left:180px;
top:120px;
}
#menu ul li ul.submenu li.submenu2 a {
background-color:#FF0;
color:#005B5B;
border:solid;
border-color:#000;
}

More Related Content

DOCX
Exemplositecss
DOC
Formato
PDF
Sistemas Corporativos Web - WordPress Aula05
DOC
Code
PPTX
A2 media coursework evaluation
PPTX
Media eval q1
PPTX
Media eval q3
Exemplositecss
Formato
Sistemas Corporativos Web - WordPress Aula05
Code
A2 media coursework evaluation
Media eval q1
Media eval q3
Ad

Charset

  • 1. @charset "utf-8"; /* CSS Document */ * { margin:0px; padding:0px; } #container { width:1000px; margin-left:auto; margin-right:auto; position:relative; background-color:#FF9; } #header { height:175px; background-image:url(imagenes/BANNER-jpg.jpg); } #menu { position:relative; height:40px; background-color:#CCC; } #navleft{ position:relative; width:200px;
  • 3. #navleft ul li a { padding-top:10px; padding-bottom:10px; display:block; background-color:#FF9; font-family:"Times New Roman", Times, serif, sans-serif; font-size:18px; text-decoration:none; } #navleft ul li a:hover { color:#000000; text-decoration:underline; background-color:#FFF; } /*menus desplegables*/ #menu{ height:40px; position:relative; } #menu ul li { list-style-type:none; } #menu ul li.menu {
  • 4. display:inline; float:left; } #menu ul li.menu a { border-radius:5px; height:28px;; font-size:16pt; color:#FFF; text-decoration:none; font-weight:bold; width:170px; width:200px; text-align:center; display:block; padding-top:12px; } #menu ul li.menu a:hover { color:#999; text-decoration:underline; } #menu ul li.menu ul { display:none; } #menu ul li:hover ul.submenu { position:absolute;
  • 5. display:block; z-index:2; } #menu ul li ul.submenu li.submenu a { background-color:#666; border:solid; border-radius:5px; border-color:#000; } #menu ul li ul.submenu li.submenu a:hover { background-color:#666; color:#999; } #menu ul li ul.submenu li:hover ul.submenu2-1 { position:absolute; z-index:3; display:block; left:180px; top:0px; } #menu ul li ul.submenu li:hover ul.submenu2-2 { position:absolute; z-index:3; display:block; left:180px; top:40px;
  • 6. } #menu ul li ul.submenu li:hover ul.submenu2-3 { position:absolute; z-index:3; display:block; left:180px; top:80px; } #menu ul li ul.submenu li:hover ul.submenu2-4 { position:absolute; z-index:3; display:block; left:180px; top:120px; } #menu ul li ul.submenu li.submenu2 a { background-color:#FF0; color:#005B5B; border:solid; border-color:#000; }