27/03/2013, 11:19
|
| | Fecha de Ingreso: abril-2012
Mensajes: 42
Antigüedad: 12 años, 8 meses Puntos: 1 | |
Respuesta: Barra de desplazamiento Lo siento por la tardanza pero estado muy ocupado. Te meto el archivo css y el enlaze de la web ( entra en aplicaciones ) aun no esta terminada como podras ver.
Código:
root {
display: block;
}
body {
background-image: url("../Images/fondo.gif");
background-repeat: repeat;
}
.cuerpo{
background-image: url("../Images/fondoCuerpo.png");
opacity: 0.8;
border-radius: 15px;
position: fixed;
min-height:625px;
left: 50%;
width: 1000px;
margin-bottom: 25px;
margin-left: -500px;
margin-top: 25px;
}
.body{
background-color: white ;
border-radius: 10px;
margin: 15px 15px 15px 15px;
min-height: 515px;
width: 970px;
}
.menu{
margin:0 auto;
padding:0;
height:30px;
width:100%;
display:block;
background:url("../Images/topMenuImages.png") repeat-x;
}
.menu li{
padding:0;
margin:0;
list-style:none;
display:inline;
}
.menu li a{
float:left;
padding-left:15px;
display:block;
color:rgb(255,255,255);
text-decoration:none;
font:12px Verdana, Arial, Helvetica, sans-serif;
cursor:pointer;
background:url("../images/topMenuImages.png") 0px -30px no-repeat;
outline:none;
}
.menu li a span{
line-height:30px;
float:left;
display:block;
padding-right:15px;
background:url("../Images/topMenuImages.png") 100% -30px no-repeat;
}
.menu li a:hover{
background-position:0px -60px;
color:rgb(255,255,255);
}
.menu li a:hover span{
background-position:100% -60px;
}
.menu li a.active, .menu li a.active:hover{
line-height:30px;
font:12px Verdana, Arial, Helvetica, sans-serif;
background:url("../Images/topMenuImages.png") 0px -90px no-repeat;
color:rgb(245,237,237);
}
.menu li a.active span, .menu li a.active:hover span{
background:url("../Images/topMenuImages.png") 100% -90px no-repeat;
}
.contenedor{
position: absolute;
margin: 10px 10px 10px 10px;
min-height: 515px;
width: 950px;
overflow:hidden;
}
.bodyLeft{
background: transparent;
border-right: black solid 2px;
float: left;
min-height: 450px;
width: 200px;
}
.bodyLeft p{
margin-top:20px;
margin-left: 10px;
}
.bodyRight{
background: transparent;
float: right;
min-height: 450px;
width: 748px;
}
Te he puesto la estructura general que tiene la pagina , no todo los metodos. |