Comunidad de diseño web y desarrollo en internet online

Separacion entre Top Flash y Contenido

Foros de discusión > CSS y HTML

Citar            
MensajeEscrito el 05 Jun 2009 04:57 pm
Hola gente
Usando Flash 8 y Dreamweaver cs3

Hay algo q me esta molestando es q si miran la pagina en FF3, Safari o Crome me sale una separacion entre el top flash y el contenido de la web q esta abajo.
El top está en transparencia para poder integrar bien con el fondo.
El sistio esta trabajado con tablas ya q por ahora me cuesta trabajar con stylos en cuanto al armado de la estructura.

En IE se ve perfecto.

este es el ej.
http://www.kayenaventura.com/principal.php

espero q me puedas decirme cual es el problemita.

Gracias

Por gussush

3 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 05 Jun 2009 07:20 pm
Postea el código que utilizas en la página.

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Envíale un mensaje privado     Web

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 05 Jun 2009 08:37 pm
este es el codigo de la pagina.

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=iso-8859-1" />
<title>Kayen Aventura - Estás Listo para la Aventura!!! - Ushuaia - Tierra del Fuego</title>
<link href="imagenes/estiloprincipal.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><div align="center">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">

        <tr>
          <td><div align="center">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="35%" valign="top"><img src="imagenes/top_planta.jpg" width="278" height="67" /></td>
                <td width="43%" valign="top"><img src="imagenes/home_r1_c5.jpg" width="382" height="67" /></td>
                <td width="22%" valign="top"><div align="right"><img src="imagenes/idiomas.jpg" width="177" height="67" border="0" usemap="#Map6" /></div></td>
              </tr>
            </table>

          </div></td>
        </tr>
        <tr>
          <td valign="top"><table width="100%" height="247" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td height="247" valign="top"><div align="center">
                <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="837" height="247">
                  <param name="movie" value="imagenes/top.swf" />
                  <param name="quality" value="high" />

                  <param name="wmode" value="transparent" />
                  <embed src="imagenes/top.swf" width="837" height="247" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
                </object>
              </div></td>
            </tr>
          </table></td>
        </tr>
        <tr>
          <td align="center" valign="top"><div align="center">

            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="19" background="imagenes/latIzq.jpg">&nbsp;</td>
                <td width="798" valign="top" background="imagenes/fondContenido2.jpg" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="73%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>

                            <td align="left" valign="top"><span class="texTitulo1"> Bienvenidos a KAYEN AVENTURA! </span></td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                          </tr>
                          <tr>
                            <td align="left" valign="top" class="texParrafos"><p>Hola  aventureros, creemos que la mejor manera de disfrutar, sentir y vivir <br />

                              Tierra  del Fuego es siendo parte de ella, esa es nuestra propuesta, &iquest;est&aacute;s listo? </p></td>
                          </tr>
                          <tr>
                            <td align="left" valign="top" class="texParrafos">&nbsp;</td>
                          </tr>
                        </table></td>
                      </tr>

                      <tr>
                        <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="266" align="left" valign="top"><img src="imagenes/th4x4.jpg" width="266" height="206" border="0" usemap="#Map" /></td>
                            <td width="56">&nbsp;</td>
                            <td width="263" align="left" valign="top"><img src="imagenes/thtrekking.jpg" width="252" height="206" border="0" usemap="#Map2" /></td>
                          </tr>
                          <tr>
                            <td colspan="3"><div class="55" id="separador1"></div></td>

                            </tr>
                          <tr>
                            <td align="left" valign="top"><img src="imagenes/thKayak.jpg" width="266" height="196" border="0" usemap="#Map3" /></td>
                            <td>&nbsp;</td>
                            <td align="left" valign="top"><img src="imagenes/thMountanbike.jpg" width="252" height="196" border="0" usemap="#Map4" /></td>
                          </tr>
                        </table></td>
                      </tr>
                      
                      
                    </table></td>

                    <td width="27%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td align="right" valign="top"><div align="right">
                          <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<!--<link href="../imagenes/estiloMenu.css" rel="stylesheet" type="text/css">  -->
</head>

<body>
<div align="left">
  <table width="100" border="0" align="left" cellpadding="0" cellspacing="0">

    <tr>
      <td class="texMenuGr"><div align="right">Men&uacute; con Actividades</div></td>
    </tr>
    <tr>
      <td><table width="100%" border="0" cellspacing="2" cellpadding="0">
          <tr>
            <td width="8%" align="left" valign="middle"><img src="imagenes/vineta.jpg" width="29" height="14" /></td>

            <td width="92%" align="left" background="todoterreno.php" class="TexMenu"><a href="todoterreno.php" class="TexMenu">Aventura 4X4 </a></td>
          </tr>
          <tr>
            <td align="left" valign="middle"><img src="imagenes/vineta.jpg" width="29" height="14" /></td>
            <td align="left" class="TexMenu"><a href="kayak.php" class="TexMenu">Traves&iacute;a en Kayak</a></td>
          </tr>
          <tr>

            <td align="left" valign="middle"><img src="imagenes/vineta.jpg" width="29" height="14" /></td>
            <td align="left" background="caminatas.php"><a href="caminatas.php" class="TexMenu">Cruce los Andes</a></td>
          </tr>
          <tr>
            <td align="left" valign="middle"><img src="imagenes/vineta.jpg" width="29" height="14" /></td>
            <td align="left" background="caminatas.php"><a href="bicicleta.php" class="TexMenu">Mountain Bike </a></td>
          </tr>
          <tr>

            <td align="left" valign="middle"><img src="imagenes/vineta.jpg" width="29" height="14" /></td>
            <td align="left" class="TexMenu"><a href="http://www.kayenaventura.com/galeria" target="_blank" class="TexMenu">Galer&iacute;a de Fotos!</a></td>
          </tr>
          <tr>
            <td align="left" valign="middle"><img src="imagenes/vineta.jpg" width="29" height="14" /></td>
            <td align="left" class="TexMenu"><a href="videos/gallery_kayak.html" target="_blank" class="TexMenu">Videos Online </a></td>
          </tr>

          <tr>
            <td align="left" valign="middle"><img src="imagenes/vineta.jpg" width="29" height="14" /></td>
            <td align="left" class="TexMenu"><a href="ubicacion.php" target="_blank" class="TexMenu">Ubicaci&oacute;n Kayen </a></td>
          </tr>
          <tr>
            <td align="left" valign="middle"><img src="imagenes/vineta.jpg" width="29" height="14" /></td>
            <td align="left" class="TexMenu"><a href="contacto.php" target="_blank" class="TexMenu">Contacto</a></td>

          </tr>
          <tr>
            <td colspan="2" align="left" valign="middle"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><div align="center" id="separador2"></div></td>
              </tr>
            </table></td>
          </tr>
      </table></td>

    </tr>
    <tr>
      <td><div align="center">
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="200" height="135">
          <param name="movie" value="imagenes/thums.swf">
          <param name="quality" value="high">
          <param name="wmode" value="transparent">
          <embed src="imagenes/thums.swf" width="200" height="135" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
        </object>

      </div></td>
    </tr>
    <tr>
      <td><div align="left" class="texMenuGr">
        <div align="right">Informaci&oacute;n!</div>
      </div></td>
    </tr>
    <tr>

      <td class="texParrafos3"><div align="left">Salida desde el Hotel a las 8.00 horas aprox. con rumbo al Lago Escondido a 60kms. de Ushuaia, pensado para los que disfrutan de la naturaleza de una forma diferente.<br />
        Llegada al Lago Escondido a las 9.00 horas aprox. 09.15 horas: Charla de seguridad y salimos a disfrutar...</div></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
  </table>
</div>

</body>
                        </div>
                          <div align="center"></div></td>
                      </tr>
                    </table></td>
                  </tr>
                </table></td>
                <td width="17" background="imagenes/latDer.jpg"><div align="right"></div></td>
              </tr>

            </table>
          </div></td>
        </tr>
      </table>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">

        <tr>
          <td valign="top"><div align="center"><img src="imagenes/pie.jpg" width="837" height="125" border="0" usemap="#Map5" />
              <map name="Map5" id="Map5">
                <area shape="rect" coords="44,3,170,23" href="http://www.kayenaventura.com" alt="Inicio" />
              <area shape="rect" coords="556,-7,703,21" href="mailto:[email protected]" />
              </map>
          </div></td>
        </tr>
      </table>

    </div></td>
  </tr>
  <tr>
    <td><div align="center" class="TexPie"><a href="http://www.productoravisual.com" target="_blank"><img src="imagenes/icoProdVis.gif" width="155" height="39" border="0" /></a></div></td>
  </tr>
</table>
<map name="Map4" id="Map4">
  <area shape="rect" coords="5,17,224,189" href="bicicleta.php" alt="Mountain Bike" />
</map>

<map name="Map" id="Map">

  <area shape="rect" coords="30,24,238,178" href="todoterreno.php" alt="Off Road 4x4" />
</map>
<map name="Map2" id="Map2"><area shape="rect" coords="3,17,219,178" href="caminatas.php" alt="Trekking" />
</map>
<map name="Map6" id="Map6">
  <area shape="rect" coords="21,4,75,55" href="home.php" /><area shape="rect" coords="89,4,148,55" href="principal.php" />
</map>
<map name="Map3" id="Map3"><area shape="rect" coords="26,22,251,187" href="kayak.php" />
</map></body>
</html>

Por gussush

3 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 05 Jun 2009 09:03 pm
Creo que debes intentar trabajar con divs y css, no se como puedes entender ese código además de todos los problemas que trae. Tienes los flash insertados dentro de unos divs que sólo tienen una propiedad de align pero no tienen alto, si le pones la propieda de height en el mismo valor que el alto del flash, eso debe solucionar tu problema:

Código HTML :

<div align="center" style="height: 247px;">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" height="247" width="837">
    <param name="movie" value="imagenes/top.swf">
    <param name="quality" value="high">
    <param name="wmode" value="transparent">
    <embed src="principal.php_files/top.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" height="247" width="837">
  </object>
</div>

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Envíale un mensaje privado     Web

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 06 Jun 2009 02:31 am
Hola elchininet, tenés toda la razón, es q no pidias encontra el problema, algunas veces tanto mirar termina mareántote.

Gracias por tu ayuda.

Saludos Gustavo

Por gussush

3 de clabLevel



 

Envíale un mensaje privado    

firefox
Foros de discusión > CSS y HTML

   Página 1 de 1

 

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