Identificarse | Registrarse | FAQ
Anonymous

Problemas con codigo CSS-3

+ Publicar una respuesta

2 mensajes Página 1 de 1


Problemas con codigo CSS-3

por Carlumga » Sab Ago 03, 2013 1:53 am

Estimados como están..??

Bueno mi duda es la siguiente:

Hace tres semanas que estoy aprendiendo HTML-5 y CSS-3…., por la web encontré un tutorial que me permitía realizar animaciones con CSS-3…,y cada imagen trabajarlas en capas, bueno comencé a desarrollarlo, en un pequeño proyecto, pero como una maqueta de pruebas, y en un comienzo las imágenes se veían, pero desordenadas y no me resultaba el tema de las capas, cuando busque otro tutorial, se me vino el problema que ahora las imágenes no se ven…., y la vista de tanto revisar minuciosamente me tiene mareado.

Es por eso que recurro a ustedes para que alguien me ayude a revisar el código y vea donde estoy fallando.

Adjunto archivos con ejemplo incluido.

Saludos.

Muchas gracias.

Adjuntos

  1. estudio.rar (53 KiB) 994 veces

Avatar de Usuario

Carlumga

  • Mensajes: 1
  • Registrado: Vie Ago 02, 2013 11:26 pm

Re: Problemas con codigo CSS-3

por XainPro » Mié Ago 14, 2013 11:40 pm

Código: Seleccionar todo
<!DOCTYPE html>
<html lang="es"/>
   <head>
   <meta charset=´utf-8´>
      <title>
         Datum Ingeniería y Construcción
      </title>
   <link href="css/estilos.css" rel="stylesheet" type="text/css">
   </head>
   <body>         
   <header>
            <nav>
               <ul>
                  <li> <a href="index.html"> Inicio </a> </li>
                  <li> <a href="servicios.html"> Servicios </a> </li>
                  <li> <a href="contactos.html"> Contactos </a> </li>
               </ul>
            </nav>
         </header>
      <div id="contenedor">
         <div id="gris">
         <div id="blanco">
         <div id="negro">
         <div id="azul"><div id="rojo"><div id="naranjo"><div id="amarillo"><div id="verde"><div id="lila">
         </div>
         </div>
         </div>
         </div>
         </div>
         </div>
         </div>
         </div>
         </div>
      </div>
   </body>
</html>


CSS

Código: Seleccionar todo
@charset "utf-8";
/* CSS Document */
body{
   background:#FFA500;
}
#contenedor{
   width:1000px;
   height:1000px;
   border:10px solid #FFD700;
   margin:0 auto;
   background:url(../img/cafe.jpg) no-repeat;
   position:relative;
}
#gris{
   width:950px;
   height:950px;
   background-color:red;
}
#blanco{
   width:850px;
   height:850px;
   background-color:blue;
}
#negro{
   width:750px;
   height:750px;
   background-color:green;
}
#azul{
   width:650px;
   height:650px;
   background-color:pink;
}
#rojo{
   width:550px;
   height:550px;
   background-color:black;
}
#naranjo{
   width:450px;
   height:450px;
   background-color:blue;
}
#amarillo{
   width:350px;
   height:350px;
   background-color:orange;
}
#verde{
   width:250px;
   height:250px;
   background-color:lime;
}
#lila{
   width:150px;
   height:150px;
   background-color:white;
}
Avatar de Usuario

XainPro

  • Mensajes: 3933
  • Registrado: Vie Feb 17, 2012 8:10 pm


+ Publicar una respuesta

Página 1 de 1