Entrar

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

jorge_estepa · · Solicitar retirada
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 · · Solicitar retirada
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 · · Solicitar retirada
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 · · Solicitar retirada
tenes que cerrar los divs que abris y para darle ancho la palabra se escribe width. Saludos[:)]
jorge_estepa · · Solicitar retirada
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 · · Solicitar retirada
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.
jorge_estepa · · Solicitar retirada
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;



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.
jorge_estepa · · Solicitar retirada
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 · · Solicitar retirada
En CSS tenías puesto wigth. Un div mal cerrado.
*{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;}
<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