Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 25-oct-2004, 21:42   #1 (permalink)
iconogt está en el buen camino
 
Avatar de iconogt
 
Fecha de Ingreso: septiembre-2004
Ubicación: La tierra de Dios...
Mensajes: 523
Enviar un mensaje por MSN a iconogt Enviar un mensaje por Yahoo  a iconogt
Información Capas dentro de otra capa.

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>
__________________
________________________________________
<!-- Lo que sabemos es una gota de agua;
lo que ignoramos es el océano -->
iconogt está desconectado   Responder Citando
Antiguo 26-oct-2004, 04:03   #2 (permalink)
PascalC está en el buen camino
 
Fecha de Ingreso: agosto-2003
Mensajes: 501
si, lo puedes hacer.
__________________
Plaza Mozilla
http://www.chevrel.org/es/noticias/
PascalC está desconectado   Responder Citando
Antiguo 26-oct-2004, 04:36   #3 (permalink)
Colaborador
josemi ha deshabilitado el karma
 
Fecha de Ingreso: noviembre-2002
Mensajes: 9.107
Hola,
Cita:
<div id="capa" align="justify">
Creo que ese atributo debe ponerse en el CSS.

Saludos.
__________________
Josemi

Aprendiz de mucho, maestro de poco.

Localizacion de errores para principiantes en PHP (v 0.4 - 7/4/2003)
Proyecto: Telendro , motor y sistema de bitacoras.
Blog sobre el concurso de posicionamiento: Operación Telendro
josemi está desconectado   Responder Citando
Antiguo 26-oct-2004, 11:44   #4 (permalink)
iconogt está en el buen camino
 
Avatar de iconogt
 
Fecha de Ingreso: septiembre-2004
Ubicación: La tierra de Dios...
Mensajes: 523
Enviar un mensaje por MSN a iconogt Enviar un mensaje por Yahoo  a iconogt
Ok gracias,

uffff que bueno saber que si estoy haciendo bien esto porque la verdad es que estoy estudiando bastante sobre las css y xhtml, y aunque soy principiante creo que no estoy tan mal .

Pero bueno... gracias por su ayuda y opiniones
__________________
________________________________________
<!-- Lo que sabemos es una gota de agua;
lo que ignoramos es el océano -->
iconogt está desconectado   Responder Citando
Antiguo 26-oct-2004, 11:56   #5 (permalink)
iconogt está en el buen camino
 
Avatar de iconogt
 
Fecha de Ingreso: septiembre-2004
Ubicación: La tierra de Dios...
Mensajes: 523
Enviar un mensaje por MSN a iconogt Enviar un mensaje por Yahoo  a iconogt
Alegría Hola de nuevo,

Tengo otra pregunta, para llamar una hoja de estilos que quiero que le de apareincia a todas las páginas de mi web, lo hago aplicando esto:

<link rel="stylesheet" type="text/css" href="estilos.css">
Si no esta bien me corrigen porfavor, si entiendo bien esto se coloca en el documento html que se le van a aplicar los estilos desde la hoja de estilos externa. Pero no me funciona , el documento no llama la hoja de estilos , alguien puede auxiliarme???, ahh otra cosa, ¿es necesario que coloque esto en la hoja de estilos: <style type="text/css"></style>, o no es necesario.

En fin, mi cuestion es que quisiera saber ¿qué es lo que tengo que colocar de lado de cada documento para que se dé dicha función..?

De antemano gracias...
__________________
________________________________________
<!-- Lo que sabemos es una gota de agua;
lo que ignoramos es el océano -->
iconogt está desconectado   Responder Citando
Antiguo 26-oct-2004, 12:08   #6 (permalink)
PascalC está en el buen camino
 
Fecha de Ingreso: agosto-2003
Mensajes: 501
quita <style type="text/css"></style> de la hoja de estilo externa, te la invalida !!, esas etiquetas son de html y solo se deben usar en un document (x)html entre <head> y <head>
__________________
Plaza Mozilla
http://www.chevrel.org/es/noticias/
PascalC está desconectado   Responder Citando
Antiguo 26-oct-2004, 12:22   #7 (permalink)
iconogt está en el buen camino
 
Avatar de iconogt
 
Fecha de Ingreso: septiembre-2004
Ubicación: La tierra de Dios...
Mensajes: 523
Enviar un mensaje por MSN a iconogt Enviar un mensaje por Yahoo  a iconogt
Ok gracias PascalC, es lo que quería saber...
__________________
________________________________________
<!-- Lo que sabemos es una gota de agua;
lo que ignoramos es el océano -->
iconogt está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 19:40.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93