Ver Mensaje Individual
  #4 (permalink)  
Antiguo 19/05/2005, 16:57
Avatar de xknown
xknown
 
Fecha de Ingreso: diciembre-2004
Ubicación: Cusco - Perú
Mensajes: 2.248
Antigüedad: 19 años, 5 meses
Puntos: 7
Aquí te envío un ejemplito sencillo (la forma de la página no es la correcta...), consta de una página con una cabecera, menu, contenido y pie de página:
Código HTML:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="es">
	<head>
		<title>Demo</title>		
		<!--
		Es mejor que las hojas de estilo vayan en archivos separados
		<link rel="stylesheet" type="text/css" href="principal.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="impresora.css" media="print" />
		-->
		<style media="screen" type="text/css">
			/* Contenido de principal.css*/
			div{
				border: 1px solid #ff6347;
				margin: 0.5em 0;
				padding: 0.5em;
				font: small "Trebuchet MS", Verdana;
			}
			#menu{
				float: left;
				margin-right: 1em;
			}
			#contenido{
				float: left;
			}
			#pie{
				clear: both;
			}
		</style>
		<style media="print" type="text/css">
			/* Contenido de impresora.css*/
			/*Solo se mostrara el contenido*/
			#cabecera, #menu, #pie{
				display: none;
			}
		</style>
	</head>
	<body>
		<div id="cabecera"><h1>Esta es la cabecera</h1></div>
		<div id="menu">Aqui va el Menu</div>
		<div id="contenido">Aqui va lo que se va a imprimir</div>
		<div id="pie">Pie de Pagina</div>
	</body>
</html> 
Saludos
__________________
Alex Concha
Buayacorp - Programación y Diseño