Tema: Problema con CSS
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 16/07/2012, 09:15
jjmartinezarrieta
 
Fecha de Ingreso: julio-2012
Mensajes: 4
Antigüedad: 12 años, 6 meses
Puntos: 0
Respuesta: Problema con CSS
Código HTML: 
Ver original
  1. #container{width:965px; margin:0 auto;}
  2.  
  3.  
  4.  
  5. /***************Cabecera**********************/
  6. #cabecera{color: #80FF00;}
  7.  
  8.  
  9. /***************Menu************/
  10.  
  11. #menu{font-family: Georgia;
  12.     font-size: 15px;
  13.     text-shadow: 0 1px 0 rgba(255,255,255,.50);
  14.     color: #262626;
  15. }
  16. .lavalamp {  
  17.  
  18.     position: relative;  
  19.     border: 1px solid #d6d6d6;  
  20.     background: #fff;  
  21.     padding: 15px;  
  22.     -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);  
  23.     -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);  
  24.     border-radius : 10px;  
  25.     -moz-border-radius : 10px;  
  26.     -webkit-border-radius : 10px;  
  27.     background : rgb(64,181,197);
  28.     background : -webkit-gradient(linear, left top, left bottom, from(rgb(104,188,255)), to(rgb(74, 138, 255)));
  29.     background : -moz-gradient(linear, left top, left bottom, from(rgb(104,188,255)), to(rgb(74, 138, 255)));
  30.     border: 1px solid #68BCFF;
  31.     height: 18px;  
  32. } 
  33.  
  34.  
  35. ul {  
  36.     margin: 0;  
  37.     padding: 0;  
  38.     z-index: 300;  
  39.     position: absolute;  
  40. }  
  41.   
  42. ul li {  
  43.     list-style: none;  
  44.     float:left;  
  45.   
  46.     text-align: center;  
  47.     }  
  48.   
  49. ul li a {  
  50.     padding: 0 27px;  
  51.     text-align: center;  
  52.     }  
  53.  
  54.  
  55. .floatr {
  56.     position: absolute;
  57.     top: 10px;
  58.     z-index: 50;
  59.     width: 70px;
  60.     height: 30px;
  61.     border-radius : 8px;
  62.     -moz-border-radius : 8px;
  63.     -webkit-border-radius : 8px;
  64.     background : rgba(0,0,0,.20);
  65.     -webkit-transition: all .4s ease-in-out;
  66.     -moz-transition: all .4s ease-in-out;
  67. }
  68.  
  69.  
  70.  
  71.  
  72.  
  73. /***************Contenido principal************/
  74.  
  75. #main{
  76.     width: 965px;
  77.     height: 400px;
  78.     
  79. }
  80.  
  81.  
  82.  
  83.  
  84.  
  85. #izquierda2{
  86.     width: 180px; 
  87.     height: 110px;
  88.     margin-top:10px;
  89.     padding: 10px 0px 0px 0px;
  90.     float:left;
  91.     background: #94D1F1;
  92.     font-size: 21px;
  93.     color: white;
  94.     text-align: center;
  95.  
  96.     border: 1px solid #CED5D7;
  97.     border-radius: 6px;
  98.     box-shadow: 0px 2px 10px #B5C1C5, 0 0 0 0px #EEF5F7 inset;
  99.     
  100. }
  101.  
  102. #mapa{
  103.     width:430px; 
  104.     height:557px;
  105.     margin-top:10px;
  106.     margin-left:15px;
  107.     background: green;
  108.     float: left;
  109.  
  110.  
  111.  
  112.     border: 1px solid #CED5D7;
  113.     border-radius: 6px;
  114.     box-shadow: 0px 2px 10px #B5C1C5, 0 0 0 0px #EEF5F7 inset;
  115.  
  116. #encontramos{
  117.     width:120px;
  118.     height:120px;
  119.     margin-top:10px;
  120.     margin-left: 10px;
  121.     float:left;
  122.     margin-top:0px;
  123. }
  124.  
  125. #prueba{
  126.     margin-top:20px;
  127.     font-size: 30px;
  128. }
  129.  
  130.  
  131. /* #panelderecho{
  132.     width: 200px;
  133.     height: 400px;
  134.     padding: 0px 28px;
  135.     float: left;
  136.     font-family: sans-serif;
  137.     font-size: 11px;
  138.     color: #94D1F1;
  139.  
  140.  
  141. */
  142.  
  143.  
  144.  
  145.  
  146.  
  147. /*
  148. div.spacer, soluciona el alto de #main en diseños con 2 columnas
  149. */
  150. div.spacer{clear:both; height:10px; display:block;}
  151.  
  152. /