Foros del Web » Creando para Internet » HTML »

Problema con espacios CSS y swfobject

Estas en el tema de Problema con espacios CSS y swfobject en el foro de HTML en Foros del Web. He creado 4 elementos alineados, sin saltos de línea, y entre uno y otro hay 20px... Al verlo en .jpg se ve bien y sin ...
  #1 (permalink)  
Antiguo 09/08/2010, 14:06
 
Fecha de Ingreso: marzo-2010
Mensajes: 30
Antigüedad: 7 años, 9 meses
Puntos: 0
Problema con espacios CSS y swfobject

He creado 4 elementos alineados, sin saltos de línea, y entre uno y otro hay 20px...

Al verlo en .jpg se ve bien y sin problemas, pero cuando se cargan los .swf no hace caso de el css que le indica que debe dejar 20px...

Para verlo mas claro dejo aquí el código:
<div id="pie">
<div class="pie1" id="ban1"><a href="sitio1" target="_self" title="1"><img src="img/ofertas.png" width="185" height="145" border="0"/></a></div>
<div class="pie2" id="ban2"><a href="sitio2" target="_self" title="2"><img src="img/folleto.png" width="180" height="145" border="0"/></a></div>
<div class="pie3" id="ban3"><a href="sitio3" target="_self" title="3"><img src="img/constructora.png" width="180" height="145" border="0"/></a></div>
<div class="pie4" id="ban4"><a href="sitio4" target="_self" title="4"><img src="img/proyectos.png" width="185" height="145" border="0"/></a></div>
</div>

El código CSS:

#pie {
width: 800px;
height: 145px;
padding-top:540px;
}
.pie1 {
float:left;
width: 185px;
height: 145px;
margin-left:3px;
}
.pie2 {
float:left;
width: 180px;
height: 145px;
margin-left:20px;
}
.pie3 {
float:left;
width: 180px;
height: 145px;
margin-left:20px;
}
.pie4 {
float:left;
width: 185px;
height: 145px;
margin-left:20px;
}

Y el código de carga para los SWFOBJECT:
<!-- carga de banners sustituidos para mo—viles -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
params.wmode = "transparent";
var attributes = {};

swfobject.embedSWF("http://www.pinacar.com/img/ban1.swf", "ban1", "185", "145", "9.0.0", false, flashvars, params, attributes);
swfobject.embedSWF("http://www.pinacar.com/img/ban2.swf", "ban2", "180", "145", "9.0.0", false, flashvars, params, attributes);
swfobject.embedSWF("http://www.pinacar.com/img/ban3.swf", "ban3", "180", "145", "9.0.0", false, flashvars, params, attributes);
swfobject.embedSWF("http://www.pinacar.com/img/ban4.swf", "ban4", "185", "145", "9.0.0", false, flashvars, params, attributes);
</script>

Pueden ver el ejemplo:
http://www.pinacar.com/

Si desactiva el flash en firefox se ve bien, pero con el flash activo se ve que los espacios no funcionan...

GRACIAS POR VUESTRA AYUDA
  #2 (permalink)  
Antiguo 09/08/2010, 14:29
 
Fecha de Ingreso: julio-2009
Mensajes: 172
Antigüedad: 8 años, 4 meses
Puntos: 4
Respuesta: Problema con espacios CSS y swfobject

Cita:
Iniciado por j4rk0r Ver Mensaje
He creado 4 elementos alineados, sin saltos de línea, y entre uno y otro hay 20px...

Al verlo en .jpg se ve bien y sin problemas, pero cuando se cargan los .swf no hace caso de el css que le indica que debe dejar 20px...

Para verlo mas claro dejo aquí el código:
<div id="pie">
<div class="pie1" id="ban1"><a href="sitio1" target="_self" title="1"><img src="img/ofertas.png" width="185" height="145" border="0"/></a></div>
<div class="pie2" id="ban2"><a href="sitio2" target="_self" title="2"><img src="img/folleto.png" width="180" height="145" border="0"/></a></div>
<div class="pie3" id="ban3"><a href="sitio3" target="_self" title="3"><img src="img/constructora.png" width="180" height="145" border="0"/></a></div>
<div class="pie4" id="ban4"><a href="sitio4" target="_self" title="4"><img src="img/proyectos.png" width="185" height="145" border="0"/></a></div>
</div>

El código CSS:

#pie {
width: 800px;
height: 145px;
padding-top:540px;
}
.pie1 {
float:left;
width: 185px;
height: 145px;
margin-left:3px;
}
.pie2 {
float:left;
width: 180px;
height: 145px;
margin-left:20px;
}
.pie3 {
float:left;
width: 180px;
height: 145px;
margin-left:20px;
}
.pie4 {
float:left;
width: 185px;
height: 145px;
margin-left:20px;
}

Y el código de carga para los SWFOBJECT:
<!-- carga de banners sustituidos para mo—viles -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
params.wmode = "transparent";
var attributes = {};

swfobject.embedSWF("http://www.pinacar.com/img/ban1.swf", "ban1", "185", "145", "9.0.0", false, flashvars, params, attributes);
swfobject.embedSWF("http://www.pinacar.com/img/ban2.swf", "ban2", "180", "145", "9.0.0", false, flashvars, params, attributes);
swfobject.embedSWF("http://www.pinacar.com/img/ban3.swf", "ban3", "180", "145", "9.0.0", false, flashvars, params, attributes);
swfobject.embedSWF("http://www.pinacar.com/img/ban4.swf", "ban4", "185", "145", "9.0.0", false, flashvars, params, attributes);
</script>

Pueden ver el ejemplo:
http://www.pinacar.com/

Si desactiva el flash en firefox se ve bien, pero con el flash activo se ve que los espacios no funcionan...

GRACIAS POR VUESTRA AYUDA
lo veo en chrome y se ve bien
__________________
Mi Twitter
  #3 (permalink)  
Antiguo 09/08/2010, 18:24
 
Fecha de Ingreso: marzo-2010
Mensajes: 30
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: Problema con espacios CSS y swfobject

Como he puesto arriba, se debe ver tal y como se ve, cuando no esta activado el plugin de flash, que se ven las imágenes separadas por 20px, sin embargo con el swfobject estan muy cerca unos de otros...

Por favor probadlo y a ver como puedo hacer q se vea exactamente igual con imágenes que con swfobject.

Gracias
  #4 (permalink)  
Antiguo 10/08/2010, 16:29
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 9 años
Puntos: 66
Respuesta: Problema con espacios CSS y swfobject

podrias probar algo asi.

Código CSS:
Ver original
  1. #ban1,.pie1 {
  2. float:left;
  3. width: 185px;
  4. height: 145px;
  5. margin-left:3px;
  6. }
  7. #ban2,.pie2 {
  8. float:left;
  9. width: 180px;
  10. height: 145px;
  11. margin-left:20px;
  12. }
  13. #ban3,.pie3 {
  14. float:left;
  15. width: 180px;
  16. height: 145px;
  17. margin-left:20px;
  18. }
  19. #ban4,.pie4 {
  20. float:left;
  21. width: 185px;
  22. height: 145px;
  23. margin-left:20px;
  24. }

igual creo que esos 20 px es mucho y el ultimo swf se va a bajar.
  #5 (permalink)  
Antiguo 11/08/2010, 19:56
 
Fecha de Ingreso: marzo-2010
Mensajes: 30
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: Problema con espacios CSS y swfobject

Gracias tredio, esa es la solución, ahora, pq así si funciona?

Etiquetas: css, espacios, swfobject
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 04:48.