CSS - exluir de herencia a tabla que se encuentra contenida en una pagina de plantilla

 
Vista:
Imágen de perfil de MAS82
Val: 55
Ha disminuido su posición en 3 puestos en CSS (en relación al último mes)
Gráfica de CSS

exluir de herencia a tabla que se encuentra contenida en una pagina de plantilla

Publicado por MAS82 (22 intervenciones) el 03/04/2017 16:08:15
buen día, tengo una tabla que esta contenida en una pagina de plantilla; lo que quiero es que se excluya a dicha tabla de las propiedades CSS heredadas de la plantilla. el problema en concreto es que estoy aplicando la propiedad opacity a una plantilla la cual contiene una tabla donde en listo registros de una base de datos y no quiero que esta tabla herede esta propiedad.

gracias de antemano
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Enrique
Val: 126
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

exluir de herencia a tabla que se encuentra contenida en una pagina de plantilla

Publicado por Enrique (43 intervenciones) el 03/04/2017 20:34:10
Solo hice un pequeño cambio en el css espero te funcione
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de MAS82
Val: 55
Ha disminuido su posición en 3 puestos en CSS (en relación al último mes)
Gráfica de CSS

exluir de herencia a tabla que se encuentra contenida en una pagina de plantilla

Publicado por MAS82 (22 intervenciones) el 03/04/2017 21:22:26
???? ese no es mi codigo
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Enrique
Val: 126
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

exluir de herencia a tabla que se encuentra contenida en una pagina de plantilla

Publicado por Enrique (43 intervenciones) el 03/04/2017 23:00:08
Disculpa me confundi de comentario y los cambie,
en tu caso el detalle es que debes atacar directamente por id y clase para que el estilo no le afecte por ejemplo:
1
2
3
table#IdTable.AnyClass{
//ur Stiles here
}

Disculpa la confusión
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de MAS82
Val: 55
Ha disminuido su posición en 3 puestos en CSS (en relación al último mes)
Gráfica de CSS

exluir de herencia a tabla que se encuentra contenida en una pagina de plantilla

Publicado por MAS82 (22 intervenciones) el 04/04/2017 13:48:52
hola,enrique haber si comprendo lo hice de esta forma ;

1
2
table#tu.tablausuarios
{border-spacing: 0; background-color: #FFFFFF;}

y en la tabla:

1
<table id="tu"  class=" tablausuarios">


estará bien así ?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Enrique
Val: 126
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

exluir de herencia a tabla que se encuentra contenida en una pagina de plantilla

Publicado por Enrique (43 intervenciones) el 04/04/2017 18:13:24
Es correcto
Así estas forzando al css a atacar directamente ese elemento
ya solo te quedaría darle estilo a esa tabla desde tu css

Si no te queda sube tu código y te ayudo
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de MAS82
Val: 55
Ha disminuido su posición en 3 puestos en CSS (en relación al último mes)
Gráfica de CSS

exluir de herencia a tabla que se encuentra contenida en una pagina de plantilla

Publicado por MAS82 (22 intervenciones) el 04/04/2017 21:17:10
hola; probé el código pero la tabla se sigue viendo transparente; a continuación te muestro el código:

PLANTILLA

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Documento sin t&iacute;tulo</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--

body {
	background-image: url(../imagenes/sao-pedro_MG_9829-copy.jpg);
	background-repeat: no-repeat;
}

#menumodulos {
	float: left;
	width: 240px;
	height: 583px;
	position: absolute;
	left: 63px;
	top: 27px;
	border: solid #254B72 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2F6091), to(#254B72));
    background-image: -webkit-linear-gradient(top, #254B72, #2F6091);
    opacity: 0.9;
	
}
#logomodulo {
	width: 240px;
	height: 40px;
	position: relative;
}

#imagenlogo {

	background-image: url(../imagenes/logoprincipal.png);
	background-repeat: no-repeat;
}
#moduloinicio {
	float: left;
	width: 240px;
	height: 20px;
}
#contenido {
	float:right;
	width: 961px;
	height: 583px;
	position: absolute;
	left: 337px;
	top: 27px;
	border: solid #254B72 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2F6091), to(#254B72));
    background-image: -webkit-linear-gradient(top, #254B72, #2F6091);
    opacity: 0.9;
}

-->
</style>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>
 
<body>
<div id="menumodulos">
 
	<div id="logomodulo"align="center">
	  <p><img src="../imagenes/logoprincipal.png" width="160" height="25" align="middle" /></p>
    </div>
 
	<div id="moduloinicio">
 
	</div>
 
</div>
 
<div id="contenido"><!-- TemplateBeginEditable name="contenido" -->contenido<!-- TemplateEndEditable --></div>
</body>
</html>


PAGINA USUARIOS


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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/plantilla_adminprueba.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
/*scroll*/
#div1 {
	overflow-x:hidden; overflow-y:scroll;
	height:270px;
	width:789px;
	margin: 0 auto;
	background:#EEF4FB;
	padding: 7px 7px 5px 7px;
	position: absolute;
	left: 89px;
	top: 213px;
	
}
#div1 table {
    width:770px;
    background-color:#FFFFFF;
	
}

a.botoneliminar {
   color: #254B72;   
   border: 0px #FFFFFF solid;
   padding: 4px 20px 3px 20px; 
   background-image: url(imagenes/iconoelimina.png); 
   background-repeat: no-repeat;
   border-radius: 4px; 
 }
a.botoneliminar:hover {
	background-image: url(imagenes/iconoeliminar01.png); 
}

a.botonmodificar {
   color: #254B72;   
   border: 0px #FFFFFF solid;
   padding: 4px 20px 3px 20px; 
   background-image: url(imagenes/iconoeditar.png); 
   background-repeat: no-repeat;
   border-radius: 4px; 
}
a.botonmodificar:hover {
	background-image: url(imagenes/iconoeditar01.png); 
}

table th {
background-image: -webkit-gradient(linear, left top, left bottom, from(#4886C4), to(#254B72));
background-image: -webkit-linear-gradient(top, #254B72, #4886C4);
}



/*quitar efectos de css de plantilla*/
table#tu.tablausuarios {border-spacing: 0; background-color: #FFFFFF;}




table.list tr:hover {background-color: #BADC98;   cursor: pointer;}


.bordered {border: solid #666666 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
-webkit-box-shadow: 0 4px 4px #666666; -moz-box-shadow: 0 4px 4px #666666; box-shadow: 0 4px 4px #666666;}

.bordered td, .bordered th {border-left: 1px solid #666666; border-top: 1px solid #666666; padding: 6px; text-align: left;}
.bordered td:first-child, .bordered th:first-child {border-left: none;}

.bordered th { box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; border-top: none; }


.bordered th:first-child { -moz-border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; }
.bordered th:last-child { -moz-border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; }
.bordered tr:last-child td:first-child { -moz-border-radius: 0 0 0 4px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; }
.bordered tr:last-child td:last-child { -moz-border-radius: 0 0 4px 0; -webkit-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; }




.Estilo92 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #272727}

.Estilo101 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF


}

-->
</style>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--

body {
	background-image: url(imagenes/sao-pedro_MG_9829-copy.jpg);
	background-repeat: no-repeat;
}

#menumodulos {
	float: left;
	width: 240px;
	height: 583px;
	position: absolute;
	left: 63px;
	top: 27px;
	border: solid #254B72 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2F6091), to(#254B72));
    background-image: -webkit-linear-gradient(top, #254B72, #2F6091);
    opacity: 0.9;
	
}
#logomodulo {
	width: 240px;
	height: 40px;
	position: relative;
}

#imagenlogo {

	background-image: url(imagenes/logoprincipal.png);
	background-repeat: no-repeat;
}
#moduloinicio {
	float: left;
	width: 240px;
	height: 20px;
}
#contenido {
	float:right;
	width: 961px;
	height: 583px;
	position: absolute;
	left: 337px;
	top: 27px;
	border: solid #254B72 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2F6091), to(#254B72));
    background-image: -webkit-linear-gradient(top, #254B72, #2F6091);
    opacity: 0.9;
}




-->
</style>
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head>
 
<body>
<div id="menumodulos">
 
	<div id="logomodulo"align="center">
	  <p><img src="imagenes/logoprincipal.png" width="160" height="25" align="middle" /></p>
    </div>
 
	<div id="moduloinicio">
 
	</div>
 
</div>
 
<div id="contenido"><!-- InstanceBeginEditable name="contenido" -->
 
 
 <p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <p><?php
	require('conexion.php');
	$sql=$conexion->query("SELECT us.usuario, us.dni, us.email, us.cargo
		   FROM usuarios us");
	?>
		  </p>
		  <p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <div id="div1">
		  <table id="tu" width="855" align="center" class="bordered list tablausuarios">
			<thead>
			  <tr>
				<th width="280" align="left" class="Estilo101">Usuario             </th>
				<th width="115" align="left" class="Estilo101">Dni              </th>
				<th width="144" align="left" class="Estilo101">Email              </th>
				<th width="119" align="left" class="Estilo101">Cargo              </th>
				<th width="118">&nbsp;</th>
			  </tr>
			</thead>
			<?php while ($row = $sql->fetch_assoc()){?>
			<tr>
			  <td><span class="Estilo92"><?php echo $row['usuario'];?></span></td>
			  <td><span class="Estilo92"><?php echo $row['dni'];?></span></td>
			  <td><span class="Estilo92"><?php echo $row['email'];?></span></td>
			  <td><span class="Estilo92"><?php echo $row['cargo'];?></span></td>
			  <td width="118" align="center" valign="middle"><div align="center"><a href="modificar_usuario.php?id_usuarios=<?php echo $row['id_usuarios'];?>"class="botonmodificar"></a>&nbsp;&nbsp; <a href="eliminar_usuario.php?id_usuarios=<?php echo $row['id_usuarios'];?>"class="botoneliminar"></a></div></td>
			</tr>
			<?php } ?>
		  </table>
		  </div>
 
 
 
<!-- InstanceEndEditable --></div>
</body>
<!-- InstanceEnd --></html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Enrique
Val: 126
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

exluir de herencia a tabla que se encuentra contenida en una pagina de plantilla

Publicado por Enrique (43 intervenciones) el 04/04/2017 22:36:40
Puedes poner un screenshot de lo que te esta arrojando actualmente
Y de primera mano te puedo decir que esta super amarrados los estilos de esa tabla, más no imposible de arreglar

Screen-Shot-2017-04-04-at-15.43.53
así me o muestra a mi
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de MAS82
Val: 55
Ha disminuido su posición en 3 puestos en CSS (en relación al último mes)
Gráfica de CSS

exluir de herencia a tabla que se encuentra contenida en una pagina de plantilla

Publicado por MAS82 (22 intervenciones) el 05/04/2017 13:33:11
hola, se requiere colocar de fondo una imagen del negocio, ahora estoy utilizando una imagen de prueba y como se puede observar la tabla es transparente ya que se puede apreciar la imagen atraves de ella. si le imagen original del negocio estuviera mas oscura que esta imagen de prueba ya no se podría apreciar bien el contenido de la tabla.


screenshot
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Enrique
Val: 126
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

exluir de herencia a tabla que se encuentra contenida en una pagina de plantilla

Publicado por Enrique (43 intervenciones) el 05/04/2017 18:23:15
Estoy casi 100% seguro que hay otro estilo que esta afectando la opacidad
de cualquier modo no se tenia que atacar la tabla sino el div que la contiene
pruebalo y espero te funcione
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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/plantilla_adminprueba.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
/*scroll*/
div#contenido.dummy #div1.dummy1 {
	overflow-x:hidden; overflow-y:scroll;
	height:270px;
	width:789px;
	margin: 0 auto;
	background:#EEF4FB;
	padding: 7px 7px 5px 7px;
	position: absolute;
	left: 89px;
	top: 213px;
	
}
#div1 table {
    width:770px;
    background-color:#FFFFFF;
	
}

a.botoneliminar {
   color: #254B72;   
   border: 0px #FFFFFF solid;
   padding: 4px 20px 3px 20px; 
   background-image: url(imagenes/iconoelimina.png); 
   background-repeat: no-repeat;
   border-radius: 4px; 
 }
a.botoneliminar:hover {
	background-image: url(imagenes/iconoeliminar01.png); 
}

a.botonmodificar {
   color: #254B72;   
   border: 0px #FFFFFF solid;
   padding: 4px 20px 3px 20px; 
   background-image: url(imagenes/iconoeditar.png); 
   background-repeat: no-repeat;
   border-radius: 4px; 
}
a.botonmodificar:hover {
	background-image: url(imagenes/iconoeditar01.png); 
}

table th {
background-image: -webkit-gradient(linear, left top, left bottom, from(#4886C4), to(#254B72));
background-image: -webkit-linear-gradient(top, #254B72, #4886C4);
}



/*quitar efectos de css de plantilla*/
div#contenido.dummy #div1.dummy1 table#tu.tablausuarios {border-spacing: 0; background-color: #FFFFFF; opacity: 1;}




table.list tr:hover {background-color: #BADC98;   cursor: pointer;}


.bordered {border: solid #666666 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
-webkit-box-shadow: 0 4px 4px #666666; -moz-box-shadow: 0 4px 4px #666666; box-shadow: 0 4px 4px #666666;}

.bordered td, .bordered th {border-left: 1px solid #666666; border-top: 1px solid #666666; padding: 6px; text-align: left;}
.bordered td:first-child, .bordered th:first-child {border-left: none;}

.bordered th { box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; border-top: none; }


.bordered th:first-child { -moz-border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; }
.bordered th:last-child { -moz-border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; }
.bordered tr:last-child td:first-child { -moz-border-radius: 0 0 0 4px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; }
.bordered tr:last-child td:last-child { -moz-border-radius: 0 0 4px 0; -webkit-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; }




.Estilo92 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #272727}

.Estilo101 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF


}

-->
</style>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--

body {
	background-image: url(imagenes/sao-pedro_MG_9829-copy.jpg);
	background-repeat: no-repeat;
}

#menumodulos {
	float: left;
	width: 240px;
	height: 583px;
	position: absolute;
	left: 63px;
	top: 27px;
	border: solid #254B72 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2F6091), to(#254B72));
    background-image: -webkit-linear-gradient(top, #254B72, #2F6091);
    opacity: 0.9;
	
}
#logomodulo {
	width: 240px;
	height: 40px;
	position: relative;
}

#imagenlogo {

	background-image: url(imagenes/logoprincipal.png);
	background-repeat: no-repeat;
}
#moduloinicio {
	float: left;
	width: 240px;
	height: 20px;
}
#contenido {
	float:right;
	width: 961px;
	height: 583px;
	position: absolute;
	left: 337px;
	top: 27px;
	border: solid #254B72 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2F6091), to(#254B72));
    background-image: -webkit-linear-gradient(top, #254B72, #2F6091);
    opacity: 0.9;
}




-->
</style>
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head>
 
<body>
<div id="menumodulos">
 
	<div id="logomodulo"align="center">
	  <p><img src="imagenes/logoprincipal.png" width="160" height="25" align="middle" /></p>
    </div>
 
	<div id="moduloinicio">
 
	</div>
 
</div>
 
<div id="contenido" class="dummy"><!-- InstanceBeginEditable name="contenido" -->
 
 
 <p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <p><?php
	require('conexion.php');
	$sql=$conexion->query("SELECT us.usuario, us.dni, us.email, us.cargo
		   FROM usuarios us");
	?>
		  </p>
		  <p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <div id="div1" class="dummy1">
		  <table id="tu" width="855" align="center" class="bordered list tablausuarios">
			<thead>
			  <tr>
				<th width="280" align="left" class="Estilo101">Usuario             </th>
				<th width="115" align="left" class="Estilo101">Dni              </th>
				<th width="144" align="left" class="Estilo101">Email              </th>
				<th width="119" align="left" class="Estilo101">Cargo              </th>
				<th width="118">&nbsp;</th>
			  </tr>
			</thead>
			<?php while ($row = $sql->fetch_assoc()){?>
			<tr>
			  <td><span class="Estilo92"><?php echo $row['usuario'];?></span></td>
			  <td><span class="Estilo92"><?php echo $row['dni'];?></span></td>
			  <td><span class="Estilo92"><?php echo $row['email'];?></span></td>
			  <td><span class="Estilo92"><?php echo $row['cargo'];?></span></td>
			  <td width="118" align="center" valign="middle"><div align="center"><a href="modificar_usuario.php?id_usuarios=<?php echo $row['id_usuarios'];?>"class="botonmodificar"></a>&nbsp;&nbsp; <a href="eliminar_usuario.php?id_usuarios=<?php echo $row['id_usuarios'];?>"class="botoneliminar"></a></div></td>
			</tr>
			<?php } ?>
		  </table>
		  </div>
 
 
 
<!-- InstanceEndEditable --></div>
</body>
<!-- InstanceEnd --></html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de MAS82
Val: 55
Ha disminuido su posición en 3 puestos en CSS (en relación al último mes)
Gráfica de CSS

exluir de herencia a tabla que se encuentra contenida en una pagina de plantilla

Publicado por MAS82 (22 intervenciones) el 05/04/2017 22:57:36
aplique el código y sigue igual, cual estilo estará interfiriendo con el código propuesto?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Enrique
Val: 126
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

exluir de herencia a tabla que se encuentra contenida en una pagina de plantilla

Publicado por Enrique (43 intervenciones) el 06/04/2017 00:20:00
Algún estilo del master
Ya en estos casos es aplicar la guerrero ninja y desde el inpect element ver que estilo le esta pegando,
en el cotenedor azul de la tabla dale inpect element y al abrirlo te dira que estilo le esta poniendo la propiedad opacity,
si vez en en la parte del estilo donde diga
div#contenido.dummy #div1.dummy1
tiene algo tachado es que algo más esta atacando ese div
aunque te soy honesto, ya s eme hace super raro


la otra cosa por que puede que este haciendo eso es que algún js este poniendo estilos inline
y si es asi, ese ya es otro pozo que cavar
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de MAS82
Val: 55
Ha disminuido su posición en 3 puestos en CSS (en relación al último mes)
Gráfica de CSS

exluir de herencia a tabla que se encuentra contenida en una pagina de plantilla

Publicado por MAS82 (22 intervenciones) el 06/04/2017 15:56:51
hola, ingrese al inspect element y en el user agent stylesheet hay tachado algo y es esto: border-spacing: 2px; ; el detalle es que ya saque todos los estilos dejando solo el del body con el fondo en la plantilla y el estilo que estoy tratando de hacer que funcione; pero aun así no funciona.
te muestro como tengo el código:

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Documento sin t&iacute;tulo</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--

body {
	background-image: url(../imagenes/sao-pedro_MG_9829-copy.jpg);
	background-repeat: no-repeat;
}


#contenido {
	float:right;
	width: 961px;
	height: 583px;
	position: absolute;
	left: 337px;
	top: 27px;

	background: #2F6091;
   
    opacity: 0.9;
}

-->
</style>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>
 
<body>
<div id="contenido"><!-- TemplateBeginEditable name="contenido" -->contenido<!-- TemplateEndEditable --></div>
</body>
</html>
USUARIOS
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/plantilla_administrador.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Documento sin t&iacute;tulo</title><style type="text/css">
<!--

table#tu.tablausuarios {border-spacing: 0; background-color: #FFFFFF;
}

-->
</style>
 
<!-- InstanceEndEditable -->
<style type="text/css">
<!--

body {
	background-image: url(imagenes/sao-pedro_MG_9829-copy.jpg);
	background-repeat: no-repeat;
}


#contenido {
	float:right;
	width: 961px;
	height: 583px;
	position: absolute;
	left: 337px;
	top: 27px;

	background: #2F6091;
   
    opacity: 0.9;
}

-->
</style>
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head>
 
<body>
<div id="contenido"><!-- InstanceBeginEditable name="contenido" -->
 
<p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <p><?php
	require('conexion.php');
	$sql=$conexion->query("SELECT us.usuario, us.dni, us.email, us.cargo
		   FROM usuarios us");
	?>
		  </p>
		  <p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <p>&nbsp;</p>
		  <p>&nbsp;</p>
 
		  <table border="1" class="tablausuarios" id="tu">
			<thead>
			  <tr>
				<th>Usuario             </th>
				<th>Dni              </th>
				<th>Email              </th>
				<th>Cargo              </th>
				<th>&nbsp;</th>
			  </tr>
			</thead>
			<?php while ($row = $sql->fetch_assoc()){?>
			<tr>
			  <td><?php echo $row['usuario'];?></td>
			  <td><?php echo $row['dni'];?></td>
			  <td><?php echo $row['email'];?></td>
			  <td><?php echo $row['cargo'];?></td>
			  <td><a href="modificar_usuario.php?id_usuarios=<?php echo $row['id_usuarios'];?>"></a>&nbsp;&nbsp;
			      <a href="eliminar_usuario.php?id_usuarios=<?php echo $row['id_usuarios'];?>"></a></td>
			</tr>
			<?php } ?>
  </table>
 
 
 
<!-- InstanceEndEditable --></div>
</body>
<!-- InstanceEnd --></html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de MAS82
Val: 55
Ha disminuido su posición en 3 puestos en CSS (en relación al último mes)
Gráfica de CSS

exluir de herencia a tabla que se encuentra contenida en una pagina de plantilla

Publicado por MAS82 (22 intervenciones) el 06/04/2017 16:56:53
hola de nuevo te cuento que probé el código en el navegador edge y si es efectivo en el.
Entonces; se podría decir que el problema es por incompatibilidad? ya que yo trabajo con el chrome y en el no funciona, tanbien e el firefox no funciona, Si ese fuera el caso como se solucionaría?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Enrique
Val: 126
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

exluir de herencia a tabla que se encuentra contenida en una pagina de plantilla

Publicado por Enrique (43 intervenciones) el 06/04/2017 17:59:57
Esta raro
ya que comunmente los estilos siempre funcionan en chrome, safari o ff, jajaja
si ese fuese el caso solo hay que poner las variantes css para cada tipo de navegador
solo es cuestión se repetir las lineas de código con un prefijo
aquí encontraras como son en cada navegador
http://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=761:prefijos-css-de-navegador-chrome-firefox-iexplorer-opera-safari-webkit-moz-ms-o-ejemplos-cu01056d&catid=75&Itemid=203
un ejemplo rapido sería
1
2
background-image: url(img/img.jpg);  //Así es la sintaxis normal css
-webkit-background-image: url(img/img.jpg);  //Así es la sintaxis para chrome o safari  css
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de MAS82
Val: 55
Ha disminuido su posición en 3 puestos en CSS (en relación al último mes)
Gráfica de CSS

exluir de herencia a tabla que se encuentra contenida en una pagina de plantilla

Publicado por MAS82 (22 intervenciones) el 07/04/2017 04:03:31
chevere enrique, voy a seguir en el tema hasta lograrlo, agradezco realmente tu ayuda.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar