Zaloguj | Zarejestruj | FAQ
Anonymous

Problemas con codigo CSS-3

+ Odpowiedz

Posty: 2 Strona 1 z 1


Problemas con codigo CSS-3

przez Carlumga » So sie 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.

Załączniki

  1. estudio.rar (53 KiB) Pobrane 1106 razy

Avatar użytkownika

Carlumga

  • Posty: 1
  • Dołączył(a): Pt sie 02, 2013 11:26 pm

Re: Problemas con codigo CSS-3

przez XainPro » Śr sie 14, 2013 11:40 pm

Kod: Zaznacz cały
<!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

Kod: Zaznacz cały
@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 użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm


+ Odpowiedz

Strona 1 z 1