Tema: IE y Chrome fastidian mucho!!!!!
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/08/2011, 17:27
Avatar de juan_14nob
juan_14nob
 
Fecha de Ingreso: abril-2010
Mensajes: 552
Antigüedad: 14 años
Puntos: 6
IE y Chrome fastidian mucho!!!!!
buenas foreros.! acudo aqui porque todo el dia de hoy y granb parte de la noche de ayer, el diseño que les presento me ha robado mis sueños..

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <style type="text/css">
  4.  
  5.  
  6. #cv_001 h2{
  7.     color:#FFFFFF;
  8.     font-size:110%;
  9.     
  10.     margin:10px 10px 10px 10px;
  11.     font-weight:bold !important;
  12. }
  13.  
  14. #cv_001 h2 span{
  15.     font-size:100%;
  16.     font-weight:normal !important;
  17. }
  18.  
  19.  
  20. #cv_001 input {
  21.     margin:0px 10px 3px 20px;
  22.     padding:2px;
  23.     display:block;
  24.     border:0px;
  25.     width:150px;
  26.     color:#FFF;
  27. }
  28. #cv_todo{
  29.  
  30.     display:block;
  31.     position:absolute;
  32.     height:110px;
  33.     right:0px;
  34.     top:50%;
  35.     z-index:90;
  36.  
  37.  
  38. }
  39.  
  40. #cv_001 li a{
  41.     width:100%;
  42. }
  43.  
  44. #cv_001 li a:link,#cv_001 li a:visited{
  45.     color:#FFFFFF;
  46.     display:block;
  47.     font-family:verdana;
  48.     font-size:100%;
  49.     margin:0px 0px 0px 0px;
  50.     padding:0px;
  51.     text-decoration:none;
  52.     width:100%;
  53. }
  54.  
  55. #cv_001 li a:hover{
  56.     color:#FFFFFF;
  57.     text-decoration:underline;
  58. }
  59.  
  60. #cv_001{
  61.     background:url('css/photo/cv_2.png');
  62.     float:left;
  63.     height:110px;
  64.     
  65.     right:0px;
  66.     top: 50%;
  67.     
  68.     z-index:89;
  69.  
  70.     width:25px;
  71.     
  72. }
  73.  
  74. #cv_002{
  75.     float:left;
  76.     height:110px;
  77.     width:28px;
  78.     border:0px;
  79. }
  80.  
  81. #cv_002 img{
  82.     border:0px solid #FFFFFF;
  83. }
  84.  
  85. #cv_002:active{
  86.     border:0px;
  87. }
  88. #hacia_i{
  89.  
  90.  
  91. }
  92. #cv_003{
  93.     float:left;
  94.     overflow:hidden !important;
  95.     width:200px;
  96.     height:110px;
  97.     background:#000;
  98. }
  99.  
  100. #cv_004{
  101.     width:200px;
  102. }
  103. #cv_004 h2{color:white;}
  104.  
  105. </style>
  106. <script src="jquery-1.5.js" type="text/javascript"></script>
  107.     <script type="text/javascript">
  108.     var isExtended = 0;
  109.     $(document).ready(function(){
  110.     $('#cv_001').click(function(){
  111.     $('#cv_003').toggle("slow");
  112.                 
  113.         if(isExtended==0){
  114.             $('#cv_001').css('background', 'url(cv_2_on.png)');
  115.             //  $('#cv_001').attr("src","cv_2_on.png");
  116.             //  document.getElementById('cv_001').childNodes[0].src = document.getElementById('cv_001').childNodes[0].src.replace(/(\.[^.]+)$/, '_on$1');
  117.             isExtended++;
  118.         }else{
  119.             $('#cv_001').css('background', 'url(cv_2.png)');
  120.             //  $('#cv_001').attr("src","cv_2.png");    
  121.             //  document.getElementById('cv_001').childNodes[0].src = document.getElementById('cv_001').childNodes[0].src.replace(/_on(\.[^.]+)$/, '$1');
  122.             isExtended--;
  123.         }
  124.         });
  125.                             
  126.     });
  127.                             
  128.     
  129.     </script>
  130. </head>
  131. <body>
  132. <div id="contenedor" align="center">
  133.     <div id="cv_todo">
  134.     <div id="cv_001">
  135.     </div>  
  136.         <div id="cv_003" style="display:none;">
  137.             <div id="cv_004">
  138.                 <h2>Contrase&ntilde;a:</h2>
  139.                 <form id="" method="post" action="contac.php">
  140.                     <input type="password" name="contrasena_cv"><br />
  141.                     <input type="button" id="boton_entrar" style="background:#294659;color:white;" value="Entrar"> 
  142.                 </form>
  143.             
  144.             </div>
  145.         </div>
  146.     
  147.     </div>
  148. </div>
  149. </body>
  150. </html>

en mozilla firefox anda bien, el problema es en los demas , que hago mal ?