CSS - Destachar propiedades tachadas en Firebug

   
Vista:

Destachar propiedades tachadas en Firebug

Publicado por Javier (3 intervenciones) el 23/11/2012 21:03:16
Hola,

Estoy aprendiendo a depurar CSS con Firebug y me encuantro con que al inspeccionar una imagen sujeta a una clase, en el panel HTML/Estilo, las propiedades

1
2
border 0 none;
margin 0;


aparecen tachadas, lo cual indica que arrastran propiedades definidas antes supongo que por herencia o cascada, paro tenia entendido que margin 0 anularía cualquier definición de margenes y está claro que no es así.

¿ Cómo puedo inicialzar una clase de forma que sólo tenga las propiedades que yo quiera ?
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 xve

Destachar propiedades tachadas en Firebug

Publicado por xve (350 intervenciones) el 24/11/2012 14:37:35
También puede estar tachado, porque posteriormente otra hoja de estilos o mediante js modifique su valor.

Para "resetear" los valores, yo utilizo: http://meyerweb.com/eric/tools/css/reset/

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
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
        display: block;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
}


Espero que te sirva.
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

Destachar propiedades tachadas en Firebug

Publicado por Javier (3 intervenciones) el 24/11/2012 21:16:32
Hola,

No me sirve porque margin:0; me aparece tachado.
Consigo resolver el prolema con margin:0!important;
pero no da resutado siempre, a veces incluso el !important me sale tachado.

¿ Hay forma de que siempre acepte las propiedades que quiero ?
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 xve

Destachar propiedades tachadas en Firebug

Publicado por xve (350 intervenciones) el 25/11/2012 10:44:33
Si te ocurre eso, es porque a posterior hay otro estilo que lo cambia.... esta online tu pagina para poder revisarla?
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

Destachar propiedades tachadas en Firebug

Publicado por Javier (3 intervenciones) el 25/11/2012 15:51:15
Hola,

Si puedes verlas en Internet. Aclaro que los problemas estoy seguro de que vienen de propiedades arrastradas desde la template, por lo que tienes a la vista 2 versiones :

Sin template : http://www.portaltarot.com/prueba0.html
Con template : http://portaltarot.com/prueba.html

Obviamente quisiera que se viera igual con template que sin ella, pero se pueden observar varias diferencias :
.- El marco de arriba controlado por las clases arrIzda y arrDcha es más grueso con template
- Casí abajo del todo la exortación "Que no te lo oculten" controlado por la clase exortacionFinalAbaj va dentro de un fondo blanco que ocupa todo el anuncio sin que pueda evitarlo
- La div piso que controla el tamaño de cada piso tiene un ancho de 110% si no no se ajusta a pantalla
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