Entrar

Tamaño y tipo de letra

experimentator · · Solicitar retirada
¿Porqué cuando pongo en mi hoja de estilo css

h1 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 32px;
}

y en el html en alguna parte

<h1>
TÍTULO
</h1>

firefox me hace caso e iexplorer como si nada?
experimentator · · Solicitar retirada
Vamos, que no entiendo nada. Escribo lo siguiente en el fichero de estilo css:

h1 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 32px;
}

h2 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 24px;
}

p {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
}

p1 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
}

p2 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #333333;
}

y en el html coloco religiosamente al principio y final de cada párrafo su código correspondiente, p.e.:

<h1> texto </h1>

o lo que sea, y mientras que con firefox no tengo ningún problema, iexplorer solo formatea el texto en <h2> y

.
JorGens · · Solicitar retirada
Solo te hace caso con P, H1 y H2 porque es lo único que existe. No existen formatos con el nombre P2 ni P3. Si lo quieres usar lo tienes que definir, por ejemplo, así:

p.tamanyo-12 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
}

p.tamanyo-10 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #333333;
}

Es decir, poniendole un nombre después de la P y con un punto entre la P y el nombre. Los nombres de estilo no pueden empezar con un número, luego p.1 no valdría. Tampoco puedes usar letras raras como la ñ, los acentos, etc, por eso he puesto tamanyo en lugar de tamaño.

Eso es para la definición de estilos, luego, para usarlos has de poner esto:

<P class="tamanyo-10">esto si tendrá tamaño 10, ya verás</p>

Dinos si lo entienes y si no lo reintentamos, oki?
experimentator · · Solicitar retirada
Gracias jorgens, ha funcionado, pero no del todo.

iexplorer sigue sin querer entender h1.

En la lista del menú me deja mucho espacio entre líneas ya ponga

...</p> o <p class=”comosellame”>...</p>, por lo que al final he quitado toda referencia al estilo del texto para la lista del menu y lo defino desde el body.

Pero sigo sin entender que pasa con el h1 e iexplorer, supongo que podré definirlo de otra forma como tu me cuentas, ahora no que no tengo tiempo, pero tendría que funcionar simplemente con h1 :?: :?: :?:
JorGens · · Solicitar retirada
Bueno, yo estoy casi seguro de que cualquier navegador entiende perfectamente el H1. Pero fíjate en una cosa, H1 tiene ya sus propiedades definidas de antemano, con un tamaño concreto, en negrita, tal y cual. Si tu cambias sus propiedades desde la hoja de estilo tal y como has hecho, es posible que no veas la diferencia entre el H1 y los P, pues realmente según tu hoja de estilos solo difieren en el tamaño... Es decir, si le pones casi las mismas propiedades a P y a H1 es normal que casi no se vean las diferencias.

Prueba por ejemplo a ponerle color rojo a los H1 y dejar en negro el P y podrás comprobar si el navegador los entiende o no. Esto es muy util a veces para comprobar todas estas cosas. Por ejemplo, si no veo bien los margenes de un párrafo, le coloco en la hoja de estilo un fondo de color por ejemplo verde (cantoso pa que se note bien) y hago vista previa. De este modo no solo veo si está funcionando, sino que también puedo ver hasta donde llegan sus margenes. Luego, una vez comprobado le quito el fondo, claro.

H1{background-color: red}
P {background-color: green}

NOTA: Los colores se suelen poner con otro código, que comienza con una almoadilla #, pero para cosas rápidas temporales yo suelo poner los nombres del color en inglés, que también los lee y así no tengo que memorizar esos códigos tan raros (orange, white, black, yellow, green,....)

Si te deja mucho espacio en la parte del menú, seguramente sea porque los margenes son muy grandes. A pesar de que no los hayas definido en la hoja de estilo, todos los elementos tienen predefinidos unos margenes concretos. Si los quieres más pequeños debes especificarlo en la hoja de estilos. Prueba a poner esto en la hoja, y verás como los margenes desaparecen. Luego es cuestión de ir probando a ponerle valores hasta que quede a tu gusto:

P {margin: 0px 0px 0px 0px ; padding: 0px 0px 0px px}
H1 {margin: 0px 0px 0px 0px ; padding: 0px 0px 0px px}

Ale, ya sabes donde estamos, no dudes en preguntar cuanto desees, oki?

Un abrazo!
JorGens · · Solicitar retirada
Debe haber alguna cosilla mal por tu código, pues el H1 es de lo poco que se ve bien en cualquier navegaror :roll:

Lo mejor es que pegues aqui todo el código de una de tus páginas y todo el código de tu hoja de estilos. Así nos será muy fácil chequearla. O si la tienes ya en red, nos dejas las dirección y listo.

Te esperamos, verás como lo resolvemos. :wink:
experimentator · · Solicitar retirada
Esto ha debido de ser intervención divina o algo así. Yo he continuado con la página mirando como quedarían fotografías y un logotipo y etc, y de repente descubro que el iexplorer me reconoce H1. No se lo que he hecho, pero funciona y eso me vale.

Gracias por la ayuda y hasta pronto.