Boton +1 , mal en explore..

bueno pues como dice el titulo, (explore fijo igual dando la lata) y en mi web que estoy creando quiero añadir el boton +1 de google y alado el de facebook el de recomendar pero poniendo el boton de google solo en explore me lo muestra mal y en chrome y firefox me lo muestran bien, aqui van la captura de pantalla para que vean:

Chrome:
[contenido no disponible]

Explore MAL!:
[contenido no disponible]

bueno como ven en el explore me hecha pa un lado el hola..

aqui va el codigo de la tabla :

<table width="700" border="1" cellspacing="0" cellpadding="0">
                      <tr>
                        <td>
						<!-- Añade esta etiqueta donde quieras colocar el botón +1 -->
						<g:plusone size="medium" href="http://localhost/proyecto/www.ponplayonline.com/Piratas-del-Caribe-4-En-mareas-misteriosasp3.html"></g:plusone>						</td>
                        
						<td>hola
						
						</td>
                      </tr>
                    </table>

bueno y como digo la idea es poner donde esta el hola el boton recomendar de facebook, (que ya lo probe pero me pasa lo mismo que con el hola) me da unos movimientos raros en explores y me lo deja separado y en fire y chrome no..

hola
para que no haya movimientos raros
debes ponerle un ancho fijo a las celdas

<td width="xxpx">

asi no se moveran a su antojo
saludos

Aún esto es un poco nuevo para mí también, pero creo que no hace falta que pongas el href con la ruta. Si no la pones tendrá en cuenta la página en la que está el botón. De ese modo, no poniéndola, te ahorras tener que añadir la url de cada página, el código es el mismo para todas las páginas de la web y es solo copiar y pegar, o añadirla con un inlcude o lo que sea.

Otra opción, es que tú quieras que esté donde esté el botón, es decir, esté en la página que sea, añada el voto a la página principal (u otra). En ese caso puedes poner el href indicando la página que quieres que se lleve todos los votos (los acumula y los da a la que pongas en href).

Por ejemplo, si yo pongo en todas las páginas de mi web, el código del plusone con un href hacia la página principal (la index), todos los vosos de todas las páginas de mi web irán a sumarse solamente a la principal (pero no quedan votos asignados a páginas en concreto, claro). Me explico?

Otra opción. Si tu web tiene 10 secciones, puedes hacer que todas las páginas de una sección concreta se asignen a la página principal de esa sección.

Ahí ya entra la imaginación y las necesidades de cada uno. Dar más valor a la index, o menos valor pero a cualquier página.

No estoy 100% seguro de esto que os digo, pero me suena que es así. Si alguien lo confirma, mejor que mejor.

Un abrazo!

hola yaneth sigue pasando lo mismo:

					<table width="700" border="1" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="100px">
						<!-- Añade esta etiqueta donde quieras colocar el botón +1 -->
						<g:plusone size="medium" href="http://localhost/proyecto/www.ponplayonline.com/Piratas-del-Caribe-4-En-mareas-misteriosasp3.html"></g:plusone>
						</td>
                        
						<td width="640px">hola
						
						</td>
                      </tr>
                    </table>

Usa capas mejor, a ver si se soluciona. Sabes hacerlo con capas o divs?

jorgens, entonces tu crees que con poner solo el cdigo del boton yu sin el href, cogera automaticamente el href? lo pruebare eso entonces cuando consiga introducirla en mi web sin que tenga problema de movimientos raros jeje,

yo tenia pensado hacerlo con php para cada registro que meta (de pelicula) pero tendre en cuenta eso que tu dices y si es asi asi me ahorro el estar introduciendo a cada registro el codigo de google.

no se me da muy bien los divs, pero si lo probe con ello:
Hice un id de 700, luego un clas de 60 y otro de 640 y me pasaba lo mismo..

Puedes ponerle ids a todos, pues son entidades independientes, que no se repiten en una sola página. Se usa el class (aunque funciona igualmente) cuando hay varios elementos en una misma página con ese tipo de estilo.

Los divs suelen limitarse bastante bien, deberías no tener problemas.

<div id="barra">
<div id="barraizquierda> [codigo del boton de google] </div>
<div id="barracentro> [codigo que sea para la parte central] </div>
<div id="barraderecha> [codigo del boton de facebook] </div>
</div>

Luego defines las propiedades de cada estilo en la hoja de estilos. Ten en cuenta que la suma de las tres anchuras ha de ser igual a la anchura de la capa "barra". Evita usar margin si le pones un borde mayor que cero, pues según qué navegador, te saldrá más o menos ancho (unos navegadores cuentan la anchura sumando el borde y otros no).

Para empezar inténtalo con borde, margin y padding = 0. Dale color de fondo a cada cachito para saber dónde empieza una y donde otra. Yo hago eso siempre, y cuando queda a mi gusto le retiro el color dado, con background-color=yellow, etc, por ejemplo.

Haz alguna prueba y nos la pegas acá para seguir. Yo trabajo así y no me suele fallar (creo.... je je je) aunque el nunca he comprobado en chrome... debería, debería...

Bueno jorgens lo hice como tu dice y el resultado quedo peor.. jeejejej miralo como quedo:

[contenido no disponible]

te pongo el codigo:

#barra{ width:700px;  float:left; }
#barraizquierda{ width:70px;  float:left; }
#barracentro{ width:450px;  float:left; }
#barraderecha{ width:180px;  float:left; }



					<div id="barra">
						<div id="barraizquierda">  <g:plusone size="medium" href="http://localhost/proyecto/www.ponplayonline.com/Piratas-del-Caribe-4-En-mareas-misteriosasp3.html"></g:plusone>   </div>
						
						<div id="barracentro">Hola</div>
						
						<div id="barraderecha">Codigo de facebook</div>
					
					</div>

y en firefox quedo bien tambien

[contenido no disponible]

En cuanto a lo que me decias del botón de +1, yo lo tengo así como digo en CCTW. El mismo en todas las páginas. Y veo en Analitycs que van tomando valores cada una de las páginas en las que se ha hecho clic, sin problemas.

Respecto a los estilos, deja que lo intente. Seguro que soy capaz de empeorarlo aún más, je je je.

con tablas lo hiciste mal

el pusiste a tu tabla 700px de ancho
luego....
una celda de 100 y otra celda de 640 la suma no da
aparte lo que abarca el borde

debes tener cuidado con las medidas

saludos

jaaj vale genial entonces, asi en la pagina que me va a motrar todo los contenido, le pongo el boton y listo (por cierto pasalo mismo con el de facebook??)

y bueno respecto al el boton haber.. jejeej la verdad que el explore fijo me da la lata!! xd

jajaj pues tenias razon yaneth que fallo mas tonto no me di cuenta de la medida.. ajaj y bueno quite los borde (que solo lo tenia puesto para ver si me lo respetaba el tamaño de separacion bien) y todo genia en los tres navegadores!!

pues solucionado, muchismas gracias.

Por cierto que diferencia hay entore los dos codigos que dan facebook para el boton

inframe

<iframe src="http://www.facebook.com/plugins/like.php?href&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=false&amp;action=recommend&amp;colorscheme=light&amp;font&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>

xfbml

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" width="450" show_faces="false" action="recommend" font=""></fb:like>

yo use el segundo y me va bien, lo que yo me pregunto si puedo quitarle el div ]<div id="fb-root"></div> que me viene?

Mira este ejemplo. Le he dado coordenadas absolutas al div para separarlo de arriba y que se vea más claro. Cualquier duda ya sabes!

http://www.comocreartuweb.com/consultas/ejemplos-del-foro/index1.html

No tengo a mano el codigo del botón de facebook para ver cómo quedaría, pero si no te sale avisa, oki?

<!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="application/xhtml+xml; charset=iso-8859-1" />
<title></title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="shortcut icon" href="" />
<link rel="stylesheet" href="xxxxx.css" type="text/css" media="all" />
<style type="text/css">
<!--
* {margin:0; padding:0; border:0}
#barra {background-color:red; width:700px; height:26px; position:absolute; top:100px; left:50px}
#barraizquierda {background-color:yellow; width:70px; height:26px; float:left; padding-top:1px; padding-left:4px}
#barracentro {background-color:green; width:446px; height:26px; float:left; padding-top:2px; }
#barraderecha {background-color:blue; width:180px; height:26px; float:right;padding-top:2px; }
-->
</style>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'es'}
</script>
</head>
<body>

Yo creo que sí se lo puedes quitar, pero no estoy muy seguro. Quedaría así:

http://www.comocreartuweb.com/consultas/ejemplos-del-foro/index2.html

En el ejemplo index2.html se ve texto del tema de facebook que se sale por la derecha. Para evitarlo o le das más anchura a esa subcapa o bien le pones la propiedad overflow:hidden, que esconde todo lo que se salga de esa capa. Quedaría de este modo (puedes ver el overflow en los estilos, pues están definidos en la cabecera de la web de ejemplo):

http://www.comocreartuweb.com/consultas/ejemplos-del-foro/index3.html

jorgens muy buena respuesta, te pongo como me quedo:

[contenido no disponible]

muchisimas gracias por el gran aporte este jeje.

Genial! Me pillaste inspirao! y con algo de tiempo! je je je

Un abrazo compi

jejeje me alegro que tengas tiempo para la web!! por cierto, el boton de facebook funciona igual que el de google?? es decir no hace falta ponerle la url? te la copia automatica?

No, en el caso de facebook, twitter, etc, es necesario colocar la url. Además con una tipologia especial, es decir, no todos los carácteres son validos. Yo los tomo de la base de datos, por lo que me es facil añadirlos automáticamente, pero a mano si, es un poco rollo.

a que te refieres con una tipologia? por ejemplo si quiero introducir el boton en una pagina de mis peliculas la url seria asi: www.ponplayonline.com/Micmacs-t1.html pongo la url esa y seria valido no? y a que te refieres con la base de datos tambien?

mi idea es, en la base de datos en el apartado que tnego de las peliculas, ponerle un dato (boton facebook) y a cada pelicula ponerle el codigo de facebook que obtengo poniendo la url de la pagina en donde se crea el boton facebook y luego los imprimo en pantalla.
Seria correcta esa manera?