Tema: Problemas con IE, no se ven fondos y se cae el menú
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 15/02/2011, 20:37
Avatar de rw523252
rw523252
 
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 15 años, 4 meses
Puntos: 5
Respuesta: Problemas con IE, no se ven fondos y se cae el menú
Esta es la primera parte del código del index, el anterior me confundí y subi uno de una prueba del sitio, ya subo la segunda parte les pido disculpas, y realmente gracias. No lo pude editar, por que ya había subido la segunda parte.

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Víctor Raúl Brusa</title>
  6. <link href="estilos.css" rel="stylesheet" type="text/css" />
  7. <!--[if lt IE 7]>
  8. <script src="/ie7/ie7-standard-p.js" type="text/javascript">
  9. </script>
  10. <![endif]-->
  11. <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
  12. <script type="text/javascript" src="js/jquery.scrollTo.js"></script>
  13.  
  14. <script>
  15. $(document).ready(function() {
  16.  
  17.     //Speed of the slideshow
  18.     var speed = 5000;
  19.     
  20.     //You have to specify width and height in #slider CSS properties
  21.     //After that, the following script will set the width and height accordingly
  22.     $('#mask-gallery, #gallery li').width($('#slider').width());    
  23.     $('#gallery').width($('#slider').width() * $('#gallery li').length);
  24.     $('#mask-gallery, #gallery li, #mask-excerpt, #excerpt li').height($('#slider').height());
  25.     
  26.     //Assign a timer, so it will run periodically
  27.     var run = setInterval('newsscoller(0)', speed); 
  28.     
  29.     $('#gallery li:first, #excerpt li:first').addClass('selected');
  30.  
  31.     //Pause the slidershow with clearInterval
  32.     $('#btn-pause').click(function () {
  33.         clearInterval(run);
  34.         return false;
  35.     });
  36.  
  37.     //Continue the slideshow with setInterval
  38.     $('#btn-play').click(function () {
  39.         run = setInterval('newsscoller(0)', speed); 
  40.         return false;
  41.     });
  42.     
  43.     //Next Slide by calling the function
  44.     $('#btn-next').click(function () {
  45.         newsscoller(0); 
  46.         return false;
  47.     }); 
  48.  
  49.     //Previous slide by passing prev=1
  50.     $('#btn-prev').click(function () {
  51.         newsscoller(1); 
  52.         return false;
  53.     }); 
  54.     
  55.     //Mouse over, pause it, on mouse out, resume the slider show
  56.     $('#slider').hover(
  57.     
  58.         function() {
  59.             clearInterval(run);
  60.         }, 
  61.         function() {
  62.             run = setInterval('newsscoller(0)', speed); 
  63.         }
  64.     );  
  65.     
  66. });
  67.  
  68.  
  69. function newsscoller(prev) {
  70.  
  71.     //Get the current selected item (with selected class), if none was found, get the first item
  72.     var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first');
  73.     var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');
  74.  
  75.     //if prev is set to 1 (previous item)
  76.     if (prev) {
  77.         
  78.         //Get previous sibling
  79.         var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last');
  80.         var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $('#excerpt li:last');
  81.     
  82.     //if prev is set to 0 (next item)
  83.     } else {
  84.         
  85.         //Get next sibling
  86.         var next_image = (current_image.next().length) ? current_image.next() : $('#gallery li:first');
  87.         var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $('#excerpt li:first');
  88.     }
  89.  
  90.     //clear the selected class
  91.     $('#excerpt li, #gallery li').removeClass('selected');
  92.     
  93.     //reassign the selected class to current items
  94.     next_image.addClass('selected');
  95.     next_excerpt.addClass('selected');
  96.  
  97.     //Scroll the items
  98.     $('#mask-gallery').scrollTo(next_image, 800);       
  99.     $('#mask-excerpt').scrollTo(next_excerpt, 800);                 
  100.     
  101. }
  102. function MM_swapImgRestore() { //v3.0
  103.   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  104. }
  105. function MM_preloadImages() { //v3.0
  106.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  107.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  108.     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  109. }
  110.  
  111. function MM_findObj(n, d) { //v4.01
  112.   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  113.     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  114.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  115.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  116.   if(!x && d.getElementById) x=d.getElementById(n); return x;
  117. }
  118.  
  119. function MM_swapImage() { //v3.0
  120.   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  121.    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  122. }
  123. </script>
  124.  
  125.  
  126. <link href="estilonewsslider.css" rel="stylesheet" type="text/css" />
  127.  
  128. <link href="css/jd.gallery.css" rel="stylesheet" type="text/css" />
  129.  
  130. <link href="css/ReMooz.css" rel="stylesheet" type="text/css" />
  131.  
  132. <script type="text/javascript">
  133.  
  134.   var _gaq = _gaq || [];
  135.   _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  136.   _gaq.push(['_trackPageview']);
  137.  
  138.   (function() {
  139.     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  140.     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  141.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  142.   })();
  143.  
  144. </script>
  145.  
  146. </head>
  147.  
  148. <body onload="MM_preloadImages('imagenes/logo_lapaulina.jpg','imagenes/la_piamontesa_hover.jpg','imagenes/natura_hover.jpg','imagenes/aceitera_g_d_hover.jpg')">
  149.  
  150. <div id="contenedor">
  151.  
  152. <div id="blanco">
  153.  
  154. <div id="fotoizq">
  155. </div>
  156.  
  157. <div id="logo">
  158.   <img src="imagenes/logo_cabecera.jpg" width="245" height="81" alt="victor raúl brusa" /></div>
  159.  
  160.  
  161. <div id="espacio">
  162. <h3><em>...treinta años acercando calidad,<br />
  163.   servicio y experiencia...</em></h3>
  164. </div>
  165.  
  166. <div id="fotoder">
  167. </div>
  168.  
  169.  
  170. </div>
  171.  
  172. <div id="botonera">
  173. <ul>
  174. <li><a href="index.html" target="_self">Home</a></li>
  175. <li><a href="quienessomos.html" target="_self">Quienes Somos</a></li>
  176. <li><a href="servicios.html" target="_self">Servicios</a></li>
  177. <li><a href="productos.html" target="_self">Productos</a></li>
  178. <li><a href="formulario.html" target="_self">Contacto</a></li>
  179. <li><a href="http://miweb.net84.net/blog/" target="_blank" class="ultimo" >Blog</a></li>
  180. </ul>
  181.  
  182. </div>
Última edición por rw523252; 15/02/2011 a las 20:43 Razón: Me equivoqué de código