Comunidad de diseño web y desarrollo en internet online

Unir dos swf horizontalmente, con swfobject...

Citar            
MensajeEscrito el 24 May 2010 01:53 am
Tengo diseñado un apartado especial de una web, y esta formado por varios "divs", lo que pasa es que en la parte del medio, tengo 2 swf, añadidos con swfobject, y deben ir pegados unos a otros, sin embargo, sale una línea blanca entre los swf, por tanto me los separa en varias lineas, pq el tamaño de estos + la línea superan el ancho.

Pueden ver el ejemplo en:
http://www.pymeasesoria.es/asesoria_online.php

(Si desactivan "flash" pueden ver como es el diseño de la pagina realmente)

El código .php es:

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Asesoría online</title>
<style type="text/css">
<!--
body {
text-align:center;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
}
.todo {
width:593px;
margin:auto;
margin-bottom: 30px;
}
.subtitulo {
color:#000;
}
h1 {
color: #F60;
font-size: 24px;
}
p {
color:#666
}
object {
margin: 0px;
}
.parte1 {
background-image:url(http://www.pymeasesoria.es/mail_clientes/logo_pyme.jpg);
width:239px;
height:66px;
margin-top:30px;
margin: auto;
}
.parte2 {
background-image:url(http://www.pymeasesoria.es/mail_clientes/fondo_arriba.jpg);
height:249px;
}
.centro1 {
float:left;
background-image:url(http://www.pymeasesoria.es/mail_clientes/asesoria_online.jpg);
width:297px;
height:169px;
}
.centro2 {
background-image:url(http://www.pymeasesoria.es/mail_clientes/aplicacines_online.jpg);
width:296px;
height:169px;
}
.pie1 {
float:left;
background-image:url(http://www.pymeasesoria.es/mail_clientes/asesoria_emrpresa_1.jpg);
width:206px;
height:183px;
}
.pie2 {
float:right;
background-image:url(http://www.pymeasesoria.es/mail_clientes/seguridad_3.jpg);
width:204px;
height:183px;
}
.pie3 {
background-image:url(http://www.pymeasesoria.es/mail_clientes/solucion_dudas_2.jpg);
margin-left:206px;
margin-top:169px;
width:183px;
height:183px;
}

-->
</style>
<?php include("extras/javas.php"); ?>
</head>
<body>
<div class="todo">
<div>
<div class="parte1"> </div>
</div>
<div class="parte2">
<div style="width:500px; margin:auto; padding-top:30px;">
<p></p>
<h1>¡Su Asesoría Online! </h1>
<p class="subtitulo">La manera mas fácil y rápida para estar en contacto
con nuestra asesoría. </p>
<p>Desde esta plataforma los usuarios pueden utilizar todas las aplicaciones
y sistemas de información. Si aún no es cliente de <span style="color:#F60">Pyme
Asesoría</span>, visite nuestra web y descubra todos los servicios que
podemos ofrecer a su negocio.
<p><a href="http://www.pymeasesoria.es" target="_blank"><span style="color:#000; text-decoration:none;">Pulse
aquí para visitar nuestra asesoría online</span></a></p>
<span style="color:#F60"> Ahora, mejor que nunca, soluciones online anti-crisis
para empresas.</span> </div>
</div>
<div id="centro1" class="centro1"></div>
<div id="centro2" class="centro2"></div>
<div>
<div id="pie1" class="pie1"></div>
<div id="pie2" class="pie2"></div>
<div id="pie3" class="pie3"></div>
</div>
</div>
</body>
</html>


el código swfobject:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="http://www.pymeasesoria.es/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
params.wmode = "transparent";
var attributes = {};

swfobject.embedSWF("http://www.pymeasesoria.es/mail_clientes/centro1.swf", "centro1", "297", "169", "9.0.0", false, flashvars, params, attributes);

swfobject.embedSWF("http://www.pymeasesoria.es/mail_clientes/centro2.swf", "centro2", "296", "169", "9.0.0", false, flashvars, params, attributes);

swfobject.embedSWF("http://www.pymeasesoria.es/mail_clientes/pie1.swf", "pie1", "206", "183", "9.0.0", false, flashvars, params, attributes);

swfobject.embedSWF("http://www.pymeasesoria.es/mail_clientes/pie2.swf", "pie2", "183", "183", "9.0.0", false, flashvars, params, attributes);

swfobject.embedSWF("http://www.pymeasesoria.es/mail_clientes/pie3.swf", "pie3", "204", "183", "9.0.0", false, flashvars, params, attributes);
</script>



¿Como puedo quitar ese espacio que sale entre los swf?

GRACIAS

Por j4rk0r

16 de clabLevel



Genero:Masculino  

Diseño

safari
Citar            
MensajeEscrito el 24 May 2010 04:28 pm
Siempre usa etiquetas de codigo para publicar codigo.

No sabria decirte exactamente que pasa con lo que haces, ya que tienes un enredo bastante grande con tus codigos y con los tamaños, lo que si te puedo decir es que no deberias hacer todo separado, no tiene ningun sentido separar las cosas como lo estas haciendo, y mucho menos usando medidas tan criticas.
Diseña la pagina en HTML y CSS y luego ponle los botones que quieras animar una vez que todo este cuadrado con su diseño

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 24 May 2010 04:43 pm
Si lo pruebas sin tener acivo flash, verás que está todo encajado perfecto, con las jpg, el problema es con los swf, que por algún extraño motivo, crea un pequeño espacio en el lateral...

Ya te digo que si lo pruebas con firefox, sin tener activo flash, verás que todo encaja...

Por j4rk0r

16 de clabLevel



Genero:Masculino  

Diseño

safari

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.