No toma hoja de estilo
Publicado por leo (50 intervenciones) el 19/08/2014 03:23:42
Hola que tal?.. tengo un problema.. quiero hacer un menu desplegable pero no me toma la hoja de estilo. lo estoy haciendo de esta manera. Muchas gracias
archivo index.php
HOJA DE ESTILO
archivo index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<?php
session_start();
define("PALABRA","j)7h&54Bh");
include('scripts/conexion.php');
if(isset($_POST['txtusuario']) && isset($_POST['txtclave'])){
if($_POST['txtusuario']!='' && $_POST['txtclave']!=''){
$mensaje='';
$usuario = $_POST['txtusuario'];
$clave = $_POST['txtclave'];
$sql = "SELECT usuario, perfilid from usuario where usuario = '$usuario' and clave = '$clave'";
$rs = mysql_query($sql);
if($rs){
$fila = mysql_fetch_row($rs);
$_SESSION['usr'] = $fila[0];
$_SESSION['perfil'] = $fila[1];
}else{
$mensaje = 'Usuario y/o clave incorrecta';
}
}
}
?>
<html>
<head>
<title>Crear</title>
<link rel="stylesheet" type="text/css" href="Css/menu.css"/>
</head>
<body>
<div id="encabezado"></div>
<div id="contenido">
<?php
if(!isset($_SESSION['perfil'])){
include('vistas/login.php');
}else{
include('vistas/menu.php');
}
if(isset($_POST['btnopcion'])){
if($_POST['btnopcion']=='Programas'){
include('vistas/admprogramas.php');
}
if($_POST['btnopcion']=='Perfiles'){
include('vistas/admperfiles.php');
}
if($_POST['btnopcion']=='Usuarios'){
include('vistas/admusuarios.php');
}
if($_POST['btnopcion']=='Programas asociados a perfiles'){
include('vistas/admperfilprograma.php');
}
if($_POST['btnopcion']=='Salir'){
session_destroy();
header('Location: index.php');
}
}
?>
</div>
<div id="pie"></div>
</body>
</html>
HOJA DE ESTILO
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
body{
background-color: red;
}
.menu{
list-style:none;
padding:0px;
margin:0px;
}
.menu li{
margin:0px;
padding:0px;
float:left;
position:relative;
box-shadow: 2px 2px 4px 1px #000;
}
.menu li a{
display: block;
width: 100px;
height: 30px;
padding: 6px;
line-height:30px;
text-decoration: none;
text-align: center;
color: #FFF;
background-color: #063;
position: relative;
border-left: 2px solid #333;
}
.menu li a:hover{
color:#CF3;
background-color:#603;
}
.menu ul{
position:absolute;
left:10px;
top:36px;
margin:0px;
list-style:none;
padding:0px;
opacity:0;
transition:opacity .35s ease .2s;
-webkit-transition:opacity .35s ease .2s;
-moz-transition:opacity .35s ease .2s;
-o-transition:opacity .35s ease .2s;
visibility:hidden;
}
.menu ul li a{
border-bottom:2px solid #333;
border-left:none;
display:block;
text-align:left;
}
.menu li:hover ul{
opacity:1;
visibility:visible;
}
Valora esta pregunta
0