Foros del Web » Creando para Internet » CSS »

No se ve la marquesina

Estas en el tema de No se ve la marquesina en el foro de CSS en Foros del Web. Tengo este codigo para una web que estoy haciendo @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original ...                 < ...
  #1 (permalink)  
Antiguo 21/10/2010, 13:55
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
No se ve la marquesina

Tengo este codigo para una web que estoy haciendo

Código HTML:
Ver original
  1. ...
  2.                 <div class="marq_center">
  3.                     <marquee onMouseOver="this.stop()"  onMouseOut="this.start()" scrollAmount="2" scrollDelay="4" direction="left" width="680" height="80">
  4.  <table width="100%" border="0" cellspacing="0" cellpadding="0">
  5.   <tr>
  6.     <td><div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=9&Itemid=6"><img src="/images/alturas.jpg" alt="Equipos para trabajo en alturas" width="82" height="109" border="0"></a></div></td>
  7.     <td><div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=8&Itemid=6"><img src="/images/aspiradoras.jpg" alt="Aspiradoras" width="82" height="82" border="0"></a></div></td>
  8.     <td><div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=1&Itemid=6"><img src="/images/concreto.jpg" alt="Equipos para Concreto" width="82" height="62" border="0"></a></div></td>
  9.     <td><div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=2&Itemid=6"><img src="/images/corte.jpg" alt="Equipos para corte" width="82" height="76" border="0"></a></div></td>
  10.     <td><div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=3&Itemid=6"><img src="/images/demolicion.jpg" alt="Equipos para Demolicion" width="82" height="82" border="0"></a></div></td>
  11.     <td><div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=4&Itemid=6"><img src="/images/elevacion.jpg" alt="Equipos para elevacion" width="82" height="85" border="0"></a></div></td>
  12.     <td><div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=10&Itemid=6"><img src="/images/ensayos.jpg" alt="Ensayos de concreto" width="63" height="86" border="0"></a></div></td>
  13.     <td><div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=11&Itemid=6"><img src="/images/formaletas.jpg" alt="Formaletas" width="82" height="85" border="0"></a></div></td>
  14.     <td><div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=5&Itemid=6"><img src="/images/generadores.jpg" alt="Generadores" width="82" height="67" border="0"></a></div></td>
  15.     <td><div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=7&Itemid=6"><img src="/images/compactacion.jpg" alt="Compactacion" width="82" height="82" border="0"></a></div></td>
  16.     <td><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=6&Itemid=6"><img src="/images/motobombas.jpg" alt="Motobombas" width="82" height="76" border="0"></a></td>
  17.   </tr>
  18.   <tr>
  19.     <td><ul><li>
  20.       <div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=9&Itemid=6">Equipos para </a></div>
  21.     </li>
  22.     <li>
  23.       <div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=9&Itemid=6">trabajo en Alturas </a></div>
  24.     </li>
  25.     </ul></td>
  26.     <td><div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=8&Itemid=6">Aspiradoras</a></div></td>
  27.     <td><ul>
  28.       <li>
  29.         <div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=1&Itemid=6">Equipos para</a></div>
  30.       </li>
  31.       <li>
  32.         <div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=1&Itemid=6">Manejo de Concreto</a> </div>
  33.       </li>
  34.     </ul></td>
  35.     <td><ul>
  36.       <li>
  37.         <div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=2&Itemid=6">Equipos para</a></div>
  38.       </li>
  39.       <li>
  40.         <div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=2&Itemid=6">Corte </a></div>
  41.       </li>
  42.     </ul></td>
  43.     <td><ul>
  44.       <li>
  45.         <div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=3&Itemid=6">Equipos para </a></div>
  46.       </li>
  47.       <li>
  48.         <div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=3&Itemid=6">Demolici&oacute;n</a></div>
  49.       </li>
  50.     </ul></td>
  51.     <td><ul>
  52.       <li>
  53.         <div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=4&Itemid=6">Equipos para </a></div>
  54.       </li>
  55.       <li>
  56.         <div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=4&Itemid=6">Elevaci&oacute;n</a> </div>
  57.       </li>
  58.     </ul></td>
  59.     <td><ul>
  60.       <li>
  61.         <div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=10&Itemid=6">Equipos para</a></div>
  62.       </li>
  63.       <li>
  64.         <div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=10&Itemid=6">Ensayos de Concreto</a> </div>
  65.       </li>
  66.     </ul></td>
  67.     <td><ul>
  68.       <li>
  69.         <div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=11&Itemid=6">Formaletas</a></div>
  70.       </li>
  71.     </ul></td>
  72.     <td><ul>
  73.       <li>
  74.         <div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=5&Itemid=6">Generadores</a></div>
  75.       </li>
  76.     </ul></td>
  77.     <td><ul>
  78.       <li>
  79.         <div align="center"><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=7&Itemid=6">Equipos de Compactaci&oacute;n</a> </div>
  80.       </li>
  81.     </ul></td>
  82.     <td><ul>
  83.       <li><a href="http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=6&Itemid=6">Motobombas</a></li>
  84.     </ul></td>
  85.   </tr>
  86.  
  87.  
  88.  
  89. </marquee>
  90.                 </div>
  91.                 <div class="marq_right"></div>
  92.                 <div class="marq_down"></div>
  93.                 <div class="footer1"><ul><li><strong>Direcci&oacute;n: </strong> Carrera 52 # 137 - 22</li><li><strong>PBX: </strong> (0+1) 258 4526</li><li><strong>BOGOT&Aacute; COLOMBIA </strong></li></ul> </div>
  94.                 <div class="footer2"></div>
  95.             </div>
  96.                
  97.     </div>

pero resulta que el <marquee> no se esta viendo y no se por que?
__________________
Say no more.......
  #2 (permalink)  
Antiguo 21/10/2010, 13:55
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Respuesta: No se ve la marquesina

esta es mi hoja de estilos

Código CSS:
Ver original
  1. body {
  2.     background-color: dfdfdf;
  3.     text-align:center;
  4. }
  5.  
  6. #fondo_foto {
  7.     width:800px;
  8.     height:598px;
  9.     background-image:url(../images/fondoweb.jpg);
  10.     margin:0 auto 0 auto; width:800px;
  11. }
  12. .alpha {
  13.     position:relative;
  14.     width:743px;
  15.     height:445px;
  16.     background-image:url(../images/alpha.jpg);
  17.     margin: 0 auto 0 auto; width:743px;
  18.     top: 60px;
  19.     opacity: 0.5;  
  20.     -moz-opacity: 0.5;  
  21.     filter: alpha(opacity=50);
  22. }
  23. .contenedor {
  24.     position:absolute;
  25.     width: 743px;
  26.     height: 445px;
  27.     margin: 0 auto 0 auto; with: 743px;
  28.     top: 80px;
  29.     z-index:1;
  30. }
  31. .logo {
  32.     position:relative;
  33.     width:162px;
  34.     height:86px;
  35.     background-image:url(../images/logo_up.png);
  36.     z-index:2;
  37.     left: 60px;
  38. }
  39. .barra {
  40.     position:relative;
  41.     width:729px;
  42.     height:24px;
  43.     background-image:url(../images/barra.png);
  44.     left: 43px;
  45.     top: -20px;
  46. }
  47. .menu {
  48.     position:relative;
  49.     width: 400px;
  50.     font-family:Verdana, Arial, Helvetica, sans-serif;
  51.     font-size:12px;
  52.     color:#FFFFFF;
  53.     font-weight:bold;
  54.     left:450px;
  55.     top: -20px;
  56. }
  57. A:link {
  58.     color:#FFFFFF;
  59.     text-decoration:none;
  60. }
  61. A:visited {
  62.     color:#CC0000;
  63. }
  64. A:hover {
  65.     text-decoration:underline;
  66.     color:#0000FF;
  67. }
  68. .texto {
  69.     position:relative;
  70.     width:565px;
  71.     height: 109px;
  72.     background-image:url(../images/texto.png);
  73.     left: 190px;
  74. }
  75. .maestro {
  76.     position:relative;
  77.     width: 228px;
  78.     height:314px;
  79.     background-image:url(../images/maestro.png);
  80.     top:-114px;
  81. }
  82. .marq_up {
  83.     position:relative;
  84.     width:750px;
  85.     height:24px;
  86.     background-image:url(../images/marq_up.png);
  87.     top:-280px;
  88.     left: 20px;
  89. }
  90. .marq_left {
  91.     position:relative;
  92.     width:29px;
  93.     height:81px;
  94.     background-image:url(../images/marq_left.png);
  95.     top:-280px;
  96.     left:21px;
  97. }
  98. .marq_center {
  99.     position:relative;
  100.     width:689px;
  101.     height:81px;
  102.     background-color:#FFFFFF;
  103.     top:-361px;
  104.     left:50px;
  105. }
  106. .marq_right {
  107.     position:relative;
  108.     width:31px;
  109.     height:82px;
  110.     background-image:url(../images/marq_right.png);
  111.     top:-443px;
  112.     left:739px;
  113. }
  114. .marq_down {
  115.     position:relative;
  116.     width:750px;
  117.     height:27px;
  118.     background-image:url(../images/marq_down.png);
  119.     top:-443px;
  120.     left:20px;
  121. }
  122. ul {
  123.     padding-left: 0px;
  124.     margin-left: 0px;
  125.     list-style-type: none;
  126.     text-align:left;
  127. }
  128. .footer1{
  129.     position:relative;
  130.     font-family:Arial, Helvetica, sans-serif;
  131.     font-size:11px;
  132.     color:#000000;
  133.     top: -420px;
  134.     left: 50px;
  135. }    
  136. .footer2 {
  137.     position:relative;
  138.     width:99px;
  139.     height:53px;
  140.     background-image:url(../images/logo_down.png);
  141.     top: -480px;
  142.     left: 620px;
  143.    
  144. }
__________________
Say no more.......
  #3 (permalink)  
Antiguo 21/10/2010, 14:07
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.821
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: No se ve la marquesina

tienes un error en el color de fondo para el body, los links son blancos y el bacground blanco ?¿ obio no se vera nada... y por ultimo

.marq_center {
position:relative;
width:689px;
height:81px;
background-color:#FFFFFF;
top:-361px;

left:50px;
}
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #4 (permalink)  
Antiguo 21/10/2010, 14:29
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Respuesta: No se ve la marquesina

Ag, puse el fondo en negro pero tampoco se ve, ya probe la marquesina solo texto y tampoco se ve, pero si pongo un texto cualquiera en el div si aparece, esta es la web como va http://www.crmbusiness.biz/pruebas/consicon/index.html
__________________
Say no more.......
  #5 (permalink)  
Antiguo 21/10/2010, 14:35
Avatar de seudoCodigo  
Fecha de Ingreso: octubre-2003
Ubicación: Puerto Rico
Mensajes: 163
Antigüedad: 14 años, 1 mes
Puntos: 1
Respuesta: No se ve la marquesina

el tag marquee no es uno estándar además que en términos de usuabilidad no es eficiente.

Es mejor buscar otras maneras para mostrar lo que quieres. Es sólo una sugerencia.
  #6 (permalink)  
Antiguo 21/10/2010, 14:42
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: No se ve la marquesina

¿Y si comienza por poner un doctype a su documento?

Aunque creo que sería más versatil y vistoso, con un potencial mucho mayor, sustituir esa marquesina por un slider basado en cualquier js
  #7 (permalink)  
Antiguo 21/10/2010, 14:46
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Respuesta: No se ve la marquesina

Cita:
Iniciado por kseso? Ver Mensaje
¿Y si comienza por poner un doctype a su documento?

Aunque creo que sería más versatil y vistoso, con un potencial mucho mayor, sustituir esa marquesina por un slider basado en cualquier js
Podes recomendarme alguno?
__________________
Say no more.......
  #8 (permalink)  
Antiguo 21/10/2010, 14:49
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.821
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: No se ve la marquesina

Concuerdo con el señor Kseso?, seria mucho mejor en js...

Por otro lado que explorador utilizas, como ya te comentaron no es un estándar por lo que es posible te encuentres navegadores que no lo soportan y sumado que no has colocado un Doctype

yo lo he visualizado en FF e IE8 y si lo pude visualizar
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #9 (permalink)  
Antiguo 21/10/2010, 14:51
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: No se ve la marquesina

http://es.wikipedia.org/wiki/DOCTYPE
  #10 (permalink)  
Antiguo 21/10/2010, 15:23
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Respuesta: No se ve la marquesina

listo, lo hice con un scroll en javascript que me encontre navegando, pero resulta que me aparecen ahora dos barras de scroll que quiero quitar y no se.

este es el codigo de la marquesina

Código Javascript:
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>Carousel de im&aacute;genes (marquesina horizontal)</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <style type="text/css">
  7. #fuera img{
  8.     margin-left: 5px;
  9. }
  10. </style>
  11. <script language="JavaScript" type="text/JavaScript">
  12. /*****************************************************************************
  13. Carousel de imágenes (marquesina horizontal). Script creado por Tunait! (18/8/2003) modificado el 25/12/2003.
  14. Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.
  15. No autorizo a publicar y ofrecer el código en sitios de script sin previa autorización
  16. Si quieres publicarlo, por favor, contacta conmigo.
  17. http://javascript.tunait.com/
  18. ******************************************************************************/
  19. var ancho = 680  // especifica la anchura a mostrar
  20. var alto = 120 // especifica la altura a mostrar (alto de las imágenes)
  21. var velo = 1 // velocidad
  22. var dis = 2 //cantidad de pixels que desplaza por movimiento
  23.  
  24. var imagenes = new Array()
  25. imagenes[0] = new Image()
  26. imagenes[0].src = "images/alturas.jpg" // ruta o nombre de imagen
  27. imagenes[0].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=9&Itemid=6" // link de la imagen
  28. imagenes[0].target = "_self" //target del link
  29. imagenes[1] = new Image()
  30. imagenes[1].src = "images/aspiradoras.jpg"
  31. imagenes[1].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=8&Itemid=6"
  32. imagenes[1].target = "_self"
  33. imagenes[2] = new Image()
  34. imagenes[2].src = "images/compactacion.jpg"
  35. imagenes[2].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=7&Itemid=6"
  36. imagenes[2].target = "_self"
  37. imagenes[3] = new Image()
  38. imagenes[3].src = "images/concreto.jpg"
  39. imagenes[3].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=1&Itemid=6"
  40. imagenes[3].target = "_self"
  41. imagenes[4] = new Image()
  42. imagenes[4].src = "images/corte.jpg"
  43. imagenes[4].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=2&Itemid=6"
  44. imagenes[4].target = "_self"
  45. imagenes[5] = new Image()
  46. imagenes[5].src = "images/demolicion.jpg"
  47. imagenes[5].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=3&Itemid=6"
  48. imagenes[5].target = "_self"
  49. imagenes[6] = new Image()
  50. imagenes[6].src = "images/elevacion.jpg"
  51. imagenes[6].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=4&Itemid=6"
  52. imagenes[6].target = "_self"
  53. imagenes[7] = new Image()
  54. imagenes[7].src = "images/ensayos.jpg"
  55. imagenes[7].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=10&Itemid=6"
  56. imagenes[7].target = "_self"
  57. imagenes[8] = new Image()
  58. imagenes[8].src = "images/formaletas.jpg"
  59. imagenes[8].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=11&Itemid=6"
  60. imagenes[8].target = "_self"
  61. imagenes[9] = new Image()
  62. imagenes[9].src = "images/generadores.jpg"
  63. imagenes[9].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=5&Itemid=6"
  64. imagenes[9].target = "_self"
  65. imagenes[10] = new Image()
  66. imagenes[10].src = "images/motobombas.jpg"
  67. imagenes[10].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=6&Itemid=6"
  68. imagenes[10].target = "_self"
  69. var vel = velo
  70. pasos = 4
  71. var tot = 0
  72. var tam =0;
  73. var pos,pos2,tam2 =0;
  74. function escribe(){
  75. document.write ('<div id ="fuera" style="position:relative; width:' + ancho + 'px; height:' + alto + 'px;overflow:hidden">');
  76. document.write ('<span id="imas" style="position:absolute; width:' + tam + 'px;height:' + alto + 'px; left = -' + tam + 'px;"  onmouseover="if(detienee == 0){detienee = 1}" onmouseout="clearTimeout(tiempo);detienee=0;atras = false;vel=velo;mueve()">');
  77. for (m=0;m<imagenes.length;m++){
  78.     if(imagenes[m].a != ""){
  79.         document.write('<a href="' + imagenes[m].a + '" target="' + imagenes[m].target + '">')
  80.         }
  81.     document.write ('<img border="0"  src ="' + imagenes[m].src + '" id="ima' + m + '" name="ima' + m + '"  onload="tot++;">');
  82.     if(imagenes[m].a != ""){document.write ('</a>')}
  83.     }
  84. document.write ('</span>');
  85. document.write ('<span id="imas2" style="position:absolute; width:' + tam + 'px;height:' + alto + ';left=0;"  onmouseover="if(detienee == 0){detienee = 1}" onmouseout="clearTimeout(tiempo);detienee=0;atras = false;vel=velo;mueve()">');
  86. for (m=0;m<imagenes.length;m++){
  87.     if(imagenes[m].a != ""){
  88.         document.write('<a href="' + imagenes[m].a + '" target="' + imagenes[m].target + '">')
  89.         }
  90.     document.write ('<img border="0" src ="' + imagenes[m].src + '" id="imaa' + m + '" name="imaa' + m + '" onload="tot++;">');
  91.     if(imagenes[m].a != ""){document.write ('</a>')}
  92.     }
  93. document.write ('</span>');
  94. document.write ('</div>');
  95. }
  96. var detienee = 0,posb,pos2b;
  97. function mueve(){
  98. pos = document.getElementById('imas').style.left;
  99. pos2 = document.getElementById('imas2').style.left;
  100. pos = pos.replace(/px/,"");
  101. pos = pos.replace(/pt/,"");
  102. pos = new Number(pos);
  103. pos2 = pos2.replace(/px/,"");
  104. pos2 = pos2.replace(/pt/,"");
  105. pos2 = new Number(pos2);
  106. if(detienee == 1){
  107.     posb = pos;
  108.     pos2b = pos2;
  109.     }
  110. if(atras == true){
  111. pos-=dis;
  112. pos2 -=dis;
  113. }
  114. else{
  115. pos += dis;
  116. pos2 += dis;
  117. }
  118. if(pos2 > (ancho + dis)){
  119.     if(detienee == 0){
  120.         document.getElementById('imas2').style.left = pos  - (tam + dis);
  121.         pos2 = document.getElementById('imas2').style.left;
  122.         }
  123.     else{
  124.         document.getElementById('imas').style.left = pos
  125.         }
  126.     }
  127. else{
  128.     document.getElementById('imas').style.left = pos
  129.     }
  130.  
  131. if(pos > (ancho + dis)){
  132.     if(detienee == 0){
  133.         document.getElementById('imas').style.left = pos2 - (tam + dis);
  134.         pos = document.getElementById('imas').style.left;
  135.         }
  136.     else{
  137.         document.getElementById('imas2').style.left = pos2;
  138.         }
  139.     }
  140. else{
  141.     document.getElementById('imas2').style.left = pos2
  142.     }
  143. if(detienee > 0){
  144.     if(detienee == pasos){
  145.         vel = velo;
  146.         atras = true;
  147.         detienee--;
  148.         tiempo = setTimeout('mueve()',vel);
  149.         }
  150.     else{
  151.         if(atras == true){
  152.             if(detienee>(pasos/2))
  153.                 {detienee--}
  154.             else{
  155.             vel = velo;
  156.             clearTimeout(tiempo)
  157.             }
  158.             }
  159.     else{
  160.         detienee++
  161.         }
  162.     if(detienee > (pasos/2) && atras == false){vel +=10}
  163.         if(detienee < (pasos/2)){vel +=10}
  164.         tiempo = setTimeout('mueve()',vel)
  165.         }
  166.     }
  167. else{
  168. tiempo = setTimeout('mueve()',vel)
  169.     }
  170. if(atras == true){
  171.         if (pos == posb){
  172.             clearTimeout(tiempo);
  173.             atras = false;
  174.             }
  175.         }
  176. }
  177. var tiempo;
  178. var atras = false, ini;
  179. function inicio(){
  180. if(tot == (imagenes.length * 2)){clearTimeout(ini);reDimCapas();mueve()}
  181. else{ini=setTimeout('inicio()',500)}
  182. }
  183. function reDimCapas(){
  184. for(m=0;m<imagenes.length;m++){
  185.     tam +=document.getElementById('ima'+m).width + 5
  186.     document.getElementById('imas').style.left = (-tam +10);
  187.     document.getElementById('imas').style.width = tam ;
  188.     document.getElementById('imas2').style.width = tam;
  189.     }
  190. }
  191.  
  192. </script>
  193. </head>
  194.  
  195. <body onLoad="inicio();" >
  196. <table width="51%" border="0" align="center">
  197.   <tr>
  198.     <td align="center">
  199.  
  200. <script>escribe();</script>
  201.     </td>
  202.   </tr>
  203. </table>
  204.  
  205. <p>
  206. </p>
  207. </body>
  208. </html>
__________________
Say no more.......
  #11 (permalink)  
Antiguo 21/10/2010, 15:24
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Respuesta: No se ve la marquesina

y este como lo llamo en la pag

Código HTML:
Ver original
  1. <object id="cod" name="cod" data="imagenes.htm" codetype="text/html" width="680" height="120">
  2.         </object>
__________________
Say no more.......
  #12 (permalink)  
Antiguo 21/10/2010, 15:26
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Respuesta: No se ve la marquesina

ah y otra cosa no he poddo bajarle la velocidad jejeje
__________________
Say no more.......
  #13 (permalink)  
Antiguo 21/10/2010, 16:31
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: No se ve la marquesina

Hola
no probaste ir variando el valor en:
var velo = 1 // velocidad
Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #14 (permalink)  
Antiguo 21/10/2010, 17:11
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Respuesta: No se ve la marquesina

si ya lo he logrado un poco, pero no he podido quitar las barras de scroll
__________________
Say no more.......
  #15 (permalink)  
Antiguo 21/10/2010, 17:20
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: No se ve la marquesina

Si ese es su html
Cita:
Iniciado por el_cesar Ver Mensaje
y este como lo llamo en la pag

Código HTML:
Ver original
  1. <object id="cod" name="cod" data="imagenes.htm" codetype="text/html" width="680" height="120">
  2.         </object>
En su css
Cita:
#cod {overflow: hidden}
debería evitar que salga.
Quizás, no lo he mirado en su página, deba ponerlo también en la caja (div) que contenga el slider. Quizás...
  #16 (permalink)  
Antiguo 23/10/2010, 16:46
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Respuesta: No se ve la marquesina

ahora el problema es que en ie6 no se ve bien, se ve todo desorganizado y los png no toman las transparencias, la verdad, estoy montandolo sobre linux y en FF y chrome se ve bien, pero lo probe en un pc con ie6 y no se ve para nada bien, no se si en ie7 y 8 se vea bien y me da temor eso
__________________
Say no more.......
  #17 (permalink)  
Antiguo 23/10/2010, 16:51
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: No se ve la marquesina

Busca sobre "png con trasnparencia en IE", hay por ahi un script que lo soluciona. E investiga sobre los comentarios condicionales para hacer que se vea bien el IE6 etc.
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #18 (permalink)  
Antiguo 25/10/2010, 14:56
Avatar de seudoCodigo  
Fecha de Ingreso: octubre-2003
Ubicación: Puerto Rico
Mensajes: 163
Antigüedad: 14 años, 1 mes
Puntos: 1
Respuesta: No se ve la marquesina

IE6 no soparta transparencias png. Como te mensionó C2am, debes buscar un script para solucionarlo. Respecto a IE7 y IE8 no te preocupes por los png que sí los soporta.

En linux puedes instalarte VirtualBox e instalar Windows para probar como se ve en IE. Para Windows hay un app que se llama IETester el cual te permite visualizar como se vería tu página en las diferentes versiones de IE desde la versión 5.
  #19 (permalink)  
Antiguo 03/11/2010, 15:11
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Respuesta: No se ve la marquesina

Cita:
Iniciado por kseso? Ver Mensaje
Si ese es su html

En su css
debería evitar que salga.
Quizás, no lo he mirado en su página, deba ponerlo también en la caja (div) que contenga el slider. Quizás...
ya le aplique ese y en FF no se ven las barras de desplazamiento, pero al parecer en ie si se ven, como se las quito a ie
__________________
Say no more.......
  #20 (permalink)  
Antiguo 03/11/2010, 17:13
Avatar de javiandgo  
Fecha de Ingreso: septiembre-2010
Ubicación: Bogota, Colombia
Mensajes: 456
Antigüedad: 7 años, 3 meses
Puntos: 55
Respuesta: No se ve la marquesina

aplique overflow: hidden al Div marq_center, si no funciona es por el uso deo doctype, defina para html de dicho doctype overflow: hidden

Última edición por javiandgo; 03/11/2010 a las 17:18
  #21 (permalink)  
Antiguo 03/11/2010, 17:31
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: No se ve la marquesina

ponele un if, entonces si es explorer 6 en lugar de un overflow, ponele un alto fijo o un min-height por su tenes videos mas altods que otros.
  #22 (permalink)  
Antiguo 04/11/2010, 16:32
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Respuesta: No se ve la marquesina

ya le puse
Código HTML:
Ver original
  1. #cod {overflow: hidden}

y me quita el scroll en FF, Chrome, pero en ie 8 no pasa nada... siguen ahi las barras de scroll, como las puedo quitar?
__________________
Say no more.......

Etiquetas: marquesina
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:51.