Foros del web, para los que viven de bits

Tengo este código en mi archivo css:

body {
font-family: Verdana;
font-size: 12px;
font-style: normal;
line-height: normal;
color: #FFFFFF;
background-color: #0E2E71;
text-decoration: none;
}


_________________

pero en las fuentes no se me aplica el tamaño 12px, sino que me aparecen mayores, no se de que puede ser. ¿una solución por favor?

gracias.

podemos verlo en alguna URL, puede que tengas un conflicto en la hoja de estilos.

Quizas tengas problemas de especificidad en tu codigo. Aqui tienes una explicacion en español por si no sabes ingles.
Tambien podria ser que hayas redifinido en algun elemento el tamaño de la fuente (por ejemplo parafos dentro del cuerpo).
Otra cosa, sin codigo, no se me ocurre.

Saludos.

Aquí os dejo mi código:




@charset "utf-8";
/* CSS Document */

.tabla_centro{
margin: 0px;
padding: 0px;
border: 1px solid #FD8239;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;

}.tabla_descripcion {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #D4D0C8;
text-align: left;
margin: 4px;
text-indent: 8px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
.tabla_contenedor {
background-color: #003366;
border: 8px solid #0E2E71;
}

body {
font-family: Verdana;
font-size: 12px;
font-style: normal;
line-height: normal;
color: #FFFFFF;
background-color: #0E2E71;
text-decoration: none;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFCF00;
text-decoration: none;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFCF00;
text-decoration: none;
}
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FCC90E;
text-decoration: none;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF6600;
text-decoration: underline;
}
input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #006699;
height: 20px;
border: 1px solid #FF9900;
}


.normal {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
.tabla1 {
border: 1px dashed #FCC90E;
line-height: 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFCC;
text-align: left;
margin: 5px;
padding: 5px;
}

Bueno, ahora necesitaria ver tu html tambien, o por lo menos en que elementos no ves el tamaño de fuente correcto, porque veo varios tamaños de fuente incluidos en tu CSS, asi que necesito mas pistas.

Saludos.

Sí, sin el HTML se puede adivinar poco, ya que la CSS si que afecta al documento en una prueba en blanco y muestra una fuente en verdana 12.

Así que debe haber algo en el html que está afectando a las ordenes de la CSS.


De todos modos te recomiendo depurar el código, repites muchas veces las mismas ordenes, debe ser un lio trabajar así.

Por ejemplo esto:

es lo mismo que escribir esto:


Luego también piensa que las fuentes definidas en la CSS son hereditarias, o sea que mientras la definas en el body, está se heredará al resto de elementos que estén en su interior a no ser que reciban una contraorden tuya o de las propiedades de una etiqueta.

Con un código limpio te ahorrarás mucho trabajo, problemas y podrás identificar con más facilidad los errores.

la solucion es especificar la fuente en otras etiquetas que no sean body, yo tenía el mismo problema hasta que deje de especificar mi tamaño de fuente en body.