Hola amigos
Tengo que hacer esta imagen y pasarla en css:
Este es el codigo que estoy usando:
Código:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<style>
#contenedor
{
width:740px;
height:100px;
position:relative;
}
#cuadro1
{
width:105.71px;
height:100px;
background-color:#FBFBFB;
}
#cuadro2
{
width:105.71px;
height:100px;
background-color:#F7F7F7;
}
#cuadro3
{
width:105.71px;
height:100px;
background-color:#F0F2F1;
}
#cuadro4
{
width:105.71px;
height:100px;
background-color:#E3E4E6;
}
#cuadro5
{
width:105.71px;
height:100px;
background-color:#D1D1D1;
}
#cuadro6
{
width:105.71px;
height:100px;
background-color:#FFD300;
}
</style>
</head>
<body>
<span id="contenedor"><!--Inicia contenedor-->
<div id="cuadro1"></div>
<div id="cuadro2"></div>
<div id="cuadro3"></div>
<div id="cuadro4"></div>
<div id="cuadro5"></div>
<div id="cuadro6"></div>
</span><!--Fin contenedor-->
</body>
</html>
Pero por alguna razon, me salen verticales y no horizontales los cuadros..
Ayuda!