DIV centrado conteniendo objeto Flash

ken_masters · #1 (**permalink**) 21/05/2009, 06:40

Hola,

Necesito que la web me salga sin ningún tipo de marco y por ello he creado dos archivos, un 'index.html' y un 'archivo.html' para ponerle al primero el siguiente código:

<html>
<frameset rows="100%,*" framespacing="0" frameborder="no" border="0">
<frame SRC=" archivo.html " NAME="main" frameborder="0" border="no" marginwidth="0" marginheight="0" scrolling="yes">
<frame SRC=" blank.htm " NAME="unten" frameborder="0" border="no" marginwidth="0" marginheight="0" scrolling="no">
</frameset><noframes></noframes>
</html>

Mi duda es en qué archivo debo poner el código de Google Analytics, si en el index que hace de contenedor o en el 'archivo.html' que es donde se encuentra la web. Lo mismo para las palabras clave de indexación (metas).

Gracias.

elquique · #2 (**permalink**) 21/05/2009, 07:11

Los frames o marcos no se utilizan desde la época de Heidi y Marcos que fueron una de las primeras series animadas.

Seguro que no puedes evitarlos ?

Además te contradices, dices que necesitas que la web salga sin marcos, y 1 renglón más abajo pones marcos :)

ken_masters · #3 (**permalink**) 21/05/2009, 07:17

Es que sin ese código que he puesto, la web aparece con una separación superior de unos cuantos píxeles. El 'archivo.html' contiene una tabla de una celda en la cual ubico una movie flash, y así la puedo centrar mejor.

ken_masters · #4 (**permalink**) 21/05/2009, 07:22

Para que lo veas mejor.

Captura del margen con el código.

Captura sin el código. (y sin la tabla)

elquique · #5 (**permalink**) 21/05/2009, 07:28

Pero eso es porque está mal hecho el HTML, y la solución es hacer bien el HTML con un DIV y su correspondiente CSS.

Tu le das una solución peor y más antigua, que es meterle marcos.

Pasa link o algo más de código :)

ken_masters · #6 (**permalink**) 21/05/2009, 07:33

Pues el código recién creado en DW, con tan solo ubicar el swf dentro de él, es este:

<!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>Documento sin título</title>
</head>

<body>
<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="960" height="650">
<param name="movie" value="archivo.swf" />
<param name="quality" value="high" />
<embed src="archivo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="960" height="650"></embed>
</object>
</body>
</html>

elquique · #7 (**permalink**) 21/05/2009, 07:39

En la inserción del flash deberías usar un html mas accesible o bien usar el SWFObject, aunque si no quieres, deberías incluir ese object completo dentro de un DIV, así:

Código:

<div id="tuflash">
<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="960" height="650">
<param name="movie" value="archivo.swf" />
<param name="quality" value="high" />
<embed src="archivo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="960" height="650"></embed>
</object>
</div>

Y luego a ese DIV le aplicas un CSS para "domesticarlo" y llevarlo a lugar a gusto :), por ejemplo:

Código:

div#tuflash {
 width: 960;
 height: 650;
 margin: 0px;
 padding: 0px;
}

Obviamente los margenes van a ser 0px o bien lo que quieras de margen. Si bien a los costados con 960 ya estas al limite de un ancho 1024.

(como sea este post no es de SEO es de HTML :P)

ken_masters · #8 (**permalink**) 21/05/2009, 07:58

Bueno, en un principio este hilo era de SEO ya que mi pregunta ha sido si el código de Analytics es imprescindible ponerlo, en este caso, en la página índice :)

De todos modos te doy las gracias por tu tiempo.

elquique · #9 (**permalink**) 21/05/2009, 08:18

Pues, ya luego que sea todo HTML plano limpio, puro, actualizado, pones antes de </body> el código Analytics y listo, super muper !!

ken_masters · #10 (**permalink**) 21/05/2009, 08:38

No puedo aplicarle el CSS al div :(

HiAll · #11 (**permalink**) 21/05/2009, 08:44

NO USES MARCOS... es totalmente inaccesible...
Cambia la estructura de tu web

ken_masters · #12 (**permalink**) 21/05/2009, 08:54

Estoy en la ventana de "añadir propiedad" al CSS, pero solo hay propiedad "width", height no...

elquique · #13 (**permalink**) 21/05/2009, 09:02

Usa el HTML se práctico la web se hace con HTML, no te pongas ciego con los menusitos de DW :)

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">
<style type="text/css">
div#tuflash {
 width: 960;
 height: 650;
 margin: 0px;
 padding: 0px;
}</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>

<body>
<div id="tuflash">
<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="960" height="650">
  <param name="movie" value="archivo.swf" />
  <param name="quality" value="high" />
  <embed src="archivo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="960" height="650"></embed>
</object>
</div>
</body>
</html>

así nomas y listo el pollo !!

ken_masters · #14 (**permalink**) 21/05/2009, 09:08

Wow, eres muy amable. Pero sigue sin salirme centrado, qué estraño.

div#tuflash {
width: 960;
height: 650;
margin: 0px;
padding: 0px;

en la primera línea, el nombre de mi flash, ¿debe tener extensión .swf?

Quiero que salga centrado y sin margen superior.

elquique · #15 (**permalink**) 21/05/2009, 09:39

para centrarlo ponle margenes izquierdo y derecho auto:

margin-left: auto;
margin-right: auto;

ken_masters · #16 (**permalink**) 21/05/2009, 09:43

He añadido un 'margin-top 0px' para que no deje margen superior, pero sigue dejándolo. Y tampoco se termina de centrar :(

Daniel Ulczyk · #17 (**permalink**) 21/05/2009, 09:44

Cita:

Iniciado por ken_masters

Wow, eres muy amable. Pero sigue sin salirme centrado, qué estraño.

en la prisa *elquique* se comió los pixels (a quien no le pasa...

)

Probá con esta adaptación:

Código css:

Ver originaldiv#tuflash {
width:960px;
height:650px;
margin:0 auto;
}

ken_masters · #18 (**permalink**) 21/05/2009, 09:48

Cita:

Iniciado por Daniel Ulczyk

en la prisa *elquique* se comió los pixels (a quien no le pasa...

)

Probá con esta adaptación:

Código css:

Ver originaldiv#tuflash {
width:960px;
height:650px;
margin:0 auto;
}

Pues he provado con este código y nada, sigue resistiéndose, sale justificado a la izda. Vuelvo a preguntar, ¿la primera fila del div con el nombre del archivo, ¿debe llevar la extension .swf?

div#tuflash.swf {

elquique · #19 (**permalink**) 21/05/2009, 10:15

no, no debe llevar

tuflash deberia ser tudiv

o cualquier nombre

A esta hora ya me como cualquier letra jaja y mi rutina de generación de nombres de ejemplos no valida bien las confusiones que puede generar :P

ken_masters · #20 (**permalink**) 21/05/2009, 10:22

Solucionado!!

El fallo era mío, resulta que en la barra de Propiedades el ID del div que seleccionaba no er el apropiado.

Ahora está todo bien centradito, solo le encuentro un 'pero', es que el margen superior es mayor que el obtenido con el sistema que yo había usado.

¿Algún otro modo de reducir margen superior?

Daniel Ulczyk · #21 (**permalink**) 21/05/2009, 10:32

Cita:

Iniciado por ken_masters

¿Algún otro modo de reducir margen superior?

Sí.
Podés agregar esto a tu CSS existente (arriba de todo)

Código CSS:

Ver originalbody {
    margin: 0;
}

O, de otra manera, tener presente dentro de las buenas prácticas, utilizar un CSS Reset.

ken_masters · #22 (**permalink**) 21/05/2009, 10:37

Cita:

Iniciado por Daniel Ulczyk

Sí.
Podés agregar esto a tu CSS existente (arriba de todo)

Código CSS:

Ver originalbody {
    margin: 0;
}

O, de otra manera, tener presente dentro de las buenas prácticas, utilizar un CSS Reset.

Geniallll!! ahora sí que perfecto!!

Os mereceis un fin desemana en las Bahamas, os lo agradezco mucho a todos!

elquique · #23 (**permalink**) 21/05/2009, 12:29

Manda los tickets :P jaja

RBZ · #24 (**permalink**) 21/05/2009, 13:08

¿Cuál era la pregunta de Analytics?

Daniel Ulczyk · #25 (**permalink**) 21/05/2009, 13:16

El tema devino en off-topic naturalmente.
Aunque yo me dí cuenta recién, a partir del mensaje #20 (más o menos).
Como parece que van a mandar un par de tickets a las Bahamas, no lo quise mover al foro de CSS

a ver si agarra el viaje *Mikmoro*

RBZ · #26 (**permalink**) 21/05/2009, 13:24

Por eso preguntaba, el post queda mejor en Css con otro título.

Daniel Ulczyk · #27 (**permalink**) 21/05/2009, 13:28

Tema movido desde el foro de Posicionamiento SEO.

Mikmoro · #28 (**permalink**) 21/05/2009, 15:47

Lo has movido ya tarde. Creo que puedo oler a alguen volando ya hacia allá

jomaruro · #29 (**permalink**) 21/05/2009, 16:23

Cita:

Iniciado por Mikmoro

Lo has movido ya tarde. Creo que puedo oler a alguen volando ya hacia allá

¿Se puede considerar eso abuso de autoridad?

Saludos.

elquique · #30 (**permalink**) 21/05/2009, 20:26

:) bueno al menos al moverlo saludo a los compas del otro subforo, les dejo un abrazo a todos y me retiro porque salgo volando a bahamas !!!