Foros del Web - Ver Mensaje Individual

iconogt · #1 (**permalink**) 25/10/2004, 21:42

Hola, este es un código que he hecho en el bloc de notas, ahora bien....luego lo abrí con el Dreamweaver, pues para ver que tanto he aprendido acerca de las hojas de estilo. Y pues por lo que yo veo hasta ahora se ve bien

, pero lo que quisiera saber es si estoy trabajando correctamente, porque si se dan cuenta estoy encerrando <div id="capa2">,<div id="capa3">dentro de <div id="capa"> que en este caso sería la má grande o principal por así decirlo. ¿Se puede o no se puede encerrar una capa dentro de una capa?, ¿Estoy trabajando bien?. Les agradecería que le hecharan un vistaso a mi código y me dieran su opinión o bien unas cuantas sugerencias que no me vendrían mal

Ahh, otra pregunta ¿Estoy aplicando bien los estilos???

De antemano gracias..

Código:

<html>
<head>
<title>css</title>
<style type="text/css">
<!--
p { 
	font-family: Verdana,Arial;
	font-size: 12px;
	font-style: normal;
	color: #003366;
	text-align:center;
	}
	
a:link { 
	font-family:Verdana,Arial;
	font-size: 13px;
	color:#FF6600;
	text-decoration:none;
	}
	
a:active { 
	font-family:Verdana,Arial;
	font-size: 13px;
	color:#FF6600;
	text-decoration:none;
	}
	
a:visited {
	font-family:Verdana,Arial;
	font-size: 13px;
	color:#FF6600;
	text-decoration:none;
	}
	
a:hover {
	font-family:Verdana,Arial;
	font-size: 13px;
	color:#FF6600;
	text-decoration:underline;
	}
	
h1 {
	font-family:Verdana,Arial;
	font-size:18px;
	color:#FFFFFF;
	background-color:#003399;
	}
	
#texto1 {
	font-family:Verdana,Serif,Arial;
	font-size:12px;
	color:#ffffff;
	background-color:#000000;
	}
	
div#capa {
	background-color:#ffffff;
	border-style:solid;
	border-color:#000000;
	border-width: 1px;
	position:absolute; width:770px; height:500px; z-index:1; left: 110px; top: 10px;
	}
	
div#capa2 {
	background-color:#ffffff;
	border-style:groove;
	border-color:#000000;
	border-width: 1px;
	position:absolute; width:300px; height:200px; z-index:1; left: 0px; top: 22px;
	}
	
div#capa3 {
	background-color:#ffffff;
	border-style:hidden;
	border-color:#000099;
	border-width: 1px;
	position:absolute; width:200px; height:auto; z-index:1; left: 568px; top: 22px;
	}
	
-->
</style>

</head>
<body>
<div id="capa" align="justify">
<h1 align="center">EJEMPLO DE DISEÑO CON CAPAS...</h1>
<br />
<div id="capa2"><p align="justify" id="texto1">
Sustituyendo CAPAS por TABLAS...</p></div>
<div id="capa3" align="center">
<p id="texto1">Nueva capa...</p>
<a href="http://www.yahoo.com">V&iacute;nculo de prueba a correo yahoo.com</a></div>
<br />
</div>
</body>
</html>