Comunidad de diseño web y desarrollo en internet online

No me reconoce el margin 0, CSS

Citar            
MensajeEscrito el 15 Jun 2014 04:17 am
Hola. estoy creando un proyecto web nuevo, y estoy comenzando. Inicialmente este es mi código del index

Código HTML :

<!DOCTYPE html>
<html>
<head>
   <title>Programa</title>
   <meta charset="UTF-8">
   <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
   <header>
      <h1>Programa.</h1>
   </header>
</body>
</html>


y este el de mi css

Código CSS :

header {
   margin:0;
   padding: 0;
   background-color: #F4324F;
   height: 200px;
}
nav{
   background-color: #ffc926;
   margin: 0;
}


El problema es que el margin no me lo esta reconociendo, quiero que el background-color este desde el comienzo de la página, es decir, no tenga espacios ni arriba, izquierda, derecha o abajo. He intentado y no funciona. Además el que en el nav tampoco, tiene espacios arriba, abajo,izquierda y derecha, y yo lo quiero junto al header.

Por lionelalaza

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 16 Jun 2014 03:51 pm
intenta de la forma margin: 0px 0px 0px 0px; al igual que el padding.

y border: 0px;

espero que te funcione

Por j0cker

2 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 16 Jun 2014 03:52 pm
se olvido decirte que tambien uses etiquetas <div id="tuid"> y lo referencies en CSS como

.tuid{
tu CSS
}

saludos!

Por j0cker

2 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 16 Jun 2014 06:33 pm
te falta

Código CSS :

html,body{margin: 0; padding: 0;}


ese espacio lo trae body por defecto

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome
Citar            
MensajeEscrito el 17 Jun 2014 12:10 am
Selector Universal es la mejor opción, hacé esto:

Código CSS :

*{margin:0; padding:0;} 


Y listo solucionado.

Slds!

Por jap_solo

21 de clabLevel



Genero:Masculino  

Maquetador Docente Web

chrome
Citar            
MensajeEscrito el 17 Jun 2014 05:43 pm
para tu caso puedes usar:

Código :

header,nav{
margin:0;
padding:0;
}

Pero si quieres aplicarlo a todo puede usar selector como dice @jap_solo

Por ignell

11 de clabLevel



Genero:Masculino  

Juegos con Html5

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.