Codigo para formatear los estilos!!!!!!!ayudaa por favor

**jorge_estepa** · 02/02/2012, 10:30

Estoy poniendo la siguiente línea de código; *{margin:0px; padding:0px; border:0px;}

Esta línea sirve para ( como lo llama en el tutorial) " formatear los estilos", es decir, ponerlos de tal forma que en todos los navegadores se vean con el mismo tamaño de borde.

Lo he puesto en la primera línea de código de la hoja de estilos pero al visualizar mi plantilla veo que ni cambia nada y adema la capa amarilla desaparece......tsss

gracias de antemano.

**olukarak** · 02/02/2012, 10:49

Lo que consigues con esto es que los márgenes predeterminados sean de 0 y bordes de 0.
Pega aquí el código tanto HTML como CSS dentro de etiquetas [ code] y [/ code] (sin espacios).

**jorge_estepa** · 02/02/2012, 13:51

El codigo html es;

<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
<li><a href="Enlace 1"></a></li>
<li><a href="Enlace 2"></a></li>
<li><a href="Enlace3"></a></li>
</ul>
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pié de página<div>
</div>
</body>
</html>

EL código css es;

*{margin:0px; padding:0px; border:0px;}
#cabecera {background-color: pink;}
#navegacion {background-color: gray;}
#contenido {background-color: orange; wigth:800px;}
#pie {background-color: brown;}
#global{wigth:800px; margin:4px auto;}
body{text-align:center;}
#menu{background-color: yellow; wigth:150px; float:left;}
#menu li {list-style:none;}

Gracias y un saludo.

**virtualcomo** · 03/02/2012, 00:02

tenes que cerrar los divs que abris y para darle ancho la palabra se escribe width. Saludos

**jorge_estepa** · 06/02/2012, 14:12

Perdona por mi ignorancia...pero me podrias decir que divs es la que está mal?? o si no le importa...me lo podria señalar en mi codigo que he puesto aquí, tanto en el html como en el CSS!

Muchisimas Gracias. saludos

**virtualcomo** · 06/02/2012, 14:26

En general, toda etiqueta que se abre, hay que cerrarla, div, p, body; vos estas cerrando bien por ejemplo los links <a></a>, ahora lo tenes que hacer con los divds. Saludos, Elias.

**olukarak** · 06/02/2012, 14:34

Pero si todas están cerradas correctamente...

**virtualcomo** · 06/02/2012, 14:41

Ok, revisaste lo de width?

**jorge_estepa** · 07/02/2012, 09:02

Si, el tema del width ya está solucionado. Pero sigo sin poder poner toda la página web en el centro con el código; *{margin:0px; padding:0px; border:0px;}

El codigo css y html es el que copié arriba, y una vez resuelto lo del width, esto es lo que tengo;

error html.jpg

Por favor, ayudarme en la medida de lo posible a poder darle efecto con el codigo *{margin:0px; padding:0px; border:0px;}

saludos y gracias.

**olukarak** · 07/02/2012, 11:47

Ya que has hecho cambios, coloca de nuevo los códigos, a ver...

**jorge_estepa** · 07/02/2012, 13:50

CODIGO CSS;

*{margin:0px; pading:0px; border:0px;}
#cabecera {background-color: pink;}
#navegacion {background-color: gray;}
#contenido {background-color: orange; width:800px;}
#pie {background-color: brown;}
#global{wigth:800px; margin:4px auto;}
body{text-align:center;}
#menu{background-color: yellow; width:150px; float:left; text-align:left;}
#menu li {list-style:none; margin: 4px 0px 4px 6px;}

CÓDIGO HTML;

<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
<li><a href="#">Enlace 1</a></li>
<li><a href="#">Enlace 2</a></li>
<li><a href="#">Enlace 3</a></li>
</ul>
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pié de página<div>
</div>
</body>
</html>

GRACIAS Y SALUDOS.

**olukarak** · 07/02/2012, 14:37

En CSS tenías puesto wigth. Un div mal cerrado.

Código:

*{margin:0px; pading:0px; border:0px;}
body{text-align:center;}
#contenido {background-color: orange; width:800px;}
#cabecera {background-color: pink;}
#navegacion {background-color: gray;}
#pie {background-color: brown;}
#global{width:800px; margin:4px auto;}
#menu{background-color: yellow; width:150px; float:left; text-align:left;}
#menu li {list-style:none; margin: 4px 0px 4px 6px;}

Código:

<html>
	<head>
		<title>Page title</title>
		<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
	</head>
	<body>
		<div id="global">
			<div id="cabecera">Bienvenidos a mi Web</div>
			<div id="navegacion">Barra de Navegacion</div>
			<div id="contenido">
				<div id="menu">
					<ul>
						<li><a href="#">Enlace 1</a></li>
						<li><a href="#">Enlace 2</a></li>
						<li><a href="#">Enlace 3</a></li>
					</ul>
				</div>
			Esta será la zona principal de la web
			</div>
			<div id="pie">Este es el pié de página</div>
		</div>
	</body>
</html>

He tenido que comprobar los códigos en mi ordenador. Es que se ve bastante mal en el foro sin esos colorines que los diferencia xD