Tema: Porcentajes en lugar de pixeles
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 19/08/2011, 11:00
Jamess0000
 
Fecha de Ingreso: agosto-2011
Mensajes: 4
Antigüedad: 12 años, 8 meses
Puntos: 0
Respuesta: Porcentajes en lugar de pixeles
Mas o menos así no??? (perdón es que no llevo mucho en esto de diseño de web llevo como dos semanas a lo mucho de haber empezado en esto.)
Código CSS: 
Ver original
  1. body
  2. {
  3. background-image:url('http://fc02.deviantart.net/fs71/f/2010/173/b/0/iOS_fiber_Texture_by_reddevilsX.png');
  4. }
  5. *{ padding:0px; margin:0px; }
  6. a{ color:#000000; }
  7. .box{ 
  8.         
  9.         width: 305px; 
  10.         height: 150px; 
  11.         margin:10px; 
  12.         float:left; 
  13.         overflow: hidden;
  14.     }
  15. .double{ 
  16.        
  17.         width: 150px; 
  18.         height: 150px; 
  19.         margin-top:10px; 
  20.         float:left; 
  21.         overflow: hidden; 
  22.     }
  23. .box img{  
  24.             position: absolute; 
  25.             top: 0; 
  26.             left: 0; 
  27.             border: 0; 
  28.         }
  29. .container {
  30.      min-width:100px;
  31.       width: 640px;
  32.       margin: 290px auto;
  33.       text-align: left;
  34.     }
  35.     .tab-nav {
  36.       width: 640px;
  37.       overflow: hidden;
  38.     }
  39.     .tab-nav ul {
  40.       position: relative;
  41.       float: left; 
  42.       width: 1600px;
  43.       margin-left: 535px; 
  44.       padding-left: 0;
  45.       list-style-type: none;
  46.     }
  47.     .tab-nav li { 
  48.       float: left;
  49.       clear: left; 
  50.     }
  51.  
  52.     .tab-nav a {
  53.       display: block;
  54.       float: left;
  55.       text-align: center;
  56.       text-decoration: none;
  57.     }
  58. /* second level */
  59.     .tab-nav ul ul { float: left; width: auto; margin-left: 0;}
  60.     .tab-nav li li {clear: none;}
  61.     .tab-nav li li a { width: 100px; background-image: none;}