me queda espacio ocupado
Publicado por giuli (8 intervenciones) el 02/05/2018 23:04:14
Tengo una pagina que me muestra el menu con los submenu escondidos como debe ser, pero entre el menu y el resto del contenido queda un espacio blanco.
https://ibb.co/iFXVDn
tengo este codigo css
y el html
osea es como que lo toma escondido pero como que estaria..
https://ibb.co/iFXVDn
tengo este codigo css
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
body {font-family: Arial, Helvetica, sans-serif;width: 1080px;margin:0;
padding:0;text-align: left; }
/*tablas del sistema*/table { font-family: Sans-Serif;
font-size: 14px; margin: 0;position: relative; left: 10%; width: 100%; text-align: left; border-collapse: collapse; }
table tr:nth-child(odd) {background-color: #81a2ac;font-weight: bold}
table tr:nth-child(even) {background-color: #d6ecf2;font-weight:bold}
th { font-size: 18px; font-weight: normal; padding: 8px; background: #b9c9fe;
border-top: 4px solid #aabcfe; border-bottom: 1px solid #fff; color: #039; }
td { padding: 8px; border-bottom: 1px solid #fff;
color: #669; border-top: 1px solid transparent; }
tr:hover td { background: #d0dafd; color: #339; }
caption {font-family: sans-serif;
font-size: 18px;
font-weight: 400;
color: black;background:#d9edc2;
border:4px solid #b2ce96;
}/*menu*/.dropdownmenu ul, .dropdownmenu li {
margin: 0; padding: 0; position: relative;left:5%;
width:100%;
}.dropdownmenu ul {
background: gray;list-style: none;
width: 100%;
font-size: 18px;
}.dropdownmenu li {
float: left; position: relative;width:20%;
}.dropdownmenu a {
background: #30A6E6;
color: #FFFFFF;
display: block;font: bold 12px/20px sans-serif;
padding: 10px 25px;text-align: center;
text-decoration: none;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}.dropdownmenu li:hover a {
background: #000000;
}.submenu {
left: 0; opacity: 0;position:absolute; visibility: hidden;z-index: 1;
width: 100%;
}li:hover ul.submenu {
opacity: 1;visibility: visible;}.submenu li {
float: none;width: 100%;
}.submenu a:hover {
background: #DF4B05;
}.submenu a {
background-color:#000000;
}.botonimagenrefresh{
background-image:url('iconos/refresh.png');
background-repeat: no-repeat;
background-position: left;
background-color: grey;
font: sans-serif;
border: 0px;}h1{margin: 0;position: absolute; width: 100%;
}y el html
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
<div>
CLIENTES
<label>Mostrar
<select>
<option value="10">10</option>
<option value="20">20</option>
<option value="50">50</option>
</select>
registros por pagina</label>
<a class="btn btn-primary pull-right" href="../../gestionweb/views/modules/nuevoCliente.php">Agregar</a>
</div>
<table>
<caption>Listado de clientes activos</caption>
<tr> <th>CUIT</th> <th>Nombre y Apellido</th> <th>Celular</th>
<th>Direccion</th> <th>Deuda Actual</th> <th>Accion</th>
</tr>
<?php
$cliente=new Cliente();
$arraycliente=$cliente::Listar();
foreach ($arraycliente as $c){?>
<tr>
<td><?php echo $c['CUIT']; ?></td>
<td><?php echo $c['nombre']; ?></td>
<td><?php echo $c['celular']; ?></td>
<td><?php echo $c['direccion']; ?></td>
<td><?php echo $c['deduda']; ?></td>
<td>
<a class="btn btn-warning" href="?c=cliente&a=Crud&id=<?php echo $r->id; ?>">Editar</a>
<a class="btn btn-danger" onclick="javascript:return confirm('¿Seguro de eliminar este registro?');" href="?c=cliente&a=Eliminar&id=<?php echo $r->id; ?>">Eliminar</a></td>
</tr>
<?php } ?>
</table>
</body>
osea es como que lo toma escondido pero como que estaria..
Valora esta pregunta
0
