Jump to content

insertar css reset


Recommended Posts

Hola estoy creando una wen con Iweb y he encontrado un código css que me gusta para el menú. El problema es que el tamaño me cambia cuando lo abro en Firefox. Es como si leyera el padding-bottom y el padding-right erróneamente. Navegando he leido que mucha gente dice que se debe usar un código de reseteo del css antes del resto. El código que yo necesito es muy usual simplemente * { margin: 0; padding: 0; }. Pero no se donde debo insertarlo si en el Html de la página o en el css del menú, soy novato y estoy perdido,

 

¿Alguien me puede echar una mano?

 

Gracias

Link to post
Share on other sites

Hola!

 

Debes incluirlo en el principio de donte tengas tu hoja de estilo. Ya sea dentro del head o en un archivo aparte. Es sencillo.

 

Una busqueda por "reset css" te da muchos y buenos resultados.

 

Saludos!

 

mon

Link to post
Share on other sites

Bueno se ve que a la que se pone algo de código el programa del forum lo interpreta como enlaces.

No se que es la página de estilo, yo trabajo con iWeb y he insertado un menú hecho con css que me sale diferente en Firefox que en Safari o en iWeb (mas largo y grueso).

He insertado el código en el mismo fichero del css dentro del head y a continuación de style type="text/css" pero sigo igual.

No se si el reseteo funciona o debo hacer algo mas

He buscado bastante por internet pero soy novato y quería un código simple ya que el problema es que parece que Firefox interpreta el padding-right y el padding-bottom de manera diferente.

Ya tuve un problema parecido con los rounded-corners y Fierfox así que se que hay cambiar o añadir algo al código pero no se que.

Muchas gracias por contestar.

Miguel

Link to post
Share on other sites

Hola Mon he estado viendo lo de la hoja de estilos, lo que pasa es que este css funciona como un html o sea es un solo fichero donde va todo integrado, no existe el css style y el html por otra parte. Esto es lo que me gustó ya que anteriormente había probado con un html que llamaba a un css y no me fué del todo bien. este me pareció mucho mas simple y fácil de manejar. La pega es que no puedo pegar aquí el código, sino te lo enseñaría.

Gracias

Link to post
Share on other sites

Hola de nuevo:

 

Tan solo tienes que poner dentro del head de tu html esto:

 

<style>
* {
margin: 0;
padding: 0;
}
</style>

 

Nada más.

 

Prueba variantes como:

 

<style>
* {
margin: 50px;
padding: 10px;
}
</style>

 

Para experimentar e ir conociendo algo de css, que es muy útil y fascinante. Pero el primer código que te he puesto te hará el reset necesario.

 

 

¡Saludos y suerte!

 

mon

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.