Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje16-07-2010, 00:47 (UTC)    
Título del mensaje: [Resuelto]Centrar botones en HTML

Hola,

he añadido los siguientes "botones" en mi página, pero no consigo centrarlos en el medio de la web. He estado intentando de varias formas, pero me resulta imposible.

Lo que quiero centrar en cuestión, es esto:


<div class="addthis_toolbox addthis_32x32_style addthis_default_style">

<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_google"></a>
<a class="addthis_button_myspace"></a>
<a class='addthis_button_email'></a>
<a class='addthis_button_print'></a>
<a class='addthis_button_blogger'></a>
<a class='addthis_button_favorites'></a>
<a href="http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4c3f962d59bb064b" class="addthis_button_compact"></a>

</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c3f962d59bb064b"></script>


Podéis verlos en mi página de inicio (están abajo y en la parte de la izquierda).
Saludos y muchas gracias de antemano.


Ultima edición por vivirenlondres el Dom Jul 18, 2010 7:08 pm; editado 1 vez
Mensaje16-07-2010, 00:53 (UTC)    
Título del mensaje:

Hola!

Utiliza el siguiente codigo,

Código:
<center>
CONTENIDO A CENTRAR
</center>


quedaria asi,

Código:
<center>
<div class="addthis_toolbox addthis_32x32_style addthis_default_style">

<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_google"></a>
<a class="addthis_button_myspace"></a>
<a class='addthis_button_email'></a>
<a class='addthis_button_print'></a>
<a class='addthis_button_blogger'></a>
<a class='addthis_button_favorites'></a>
<a href="http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4c3f962d59bb064b" class="addthis_button_compact"></a>

</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c3f962d59bb064b"></script>
</center>


Un saludo!
Mensaje16-07-2010, 01:04 (UTC)    
Título del mensaje:

Hola,

he pegado el código que has puesto en verde y sigue sin funcionar.
Lo tengo tal cual lo has puesto, en la página que llamo prueba.

http://vivirenlondres.es.tl/Prueba.htm

y sigue en la parte izquierda

Muchas gracias de todos modos.
Saludos
Mensaje18-07-2010, 10:50 (UTC)    
Título del mensaje:

Hola,

se siguen aceptando sugerencias. En este caso ya no está disponible la página de prueba, pero he puesto los "botones" en la parte de abajo del resto de páginas. Eso sí, lo he rellenado con botones de sobra porque seguían en el lado izquierdo y no me gustaban.

Saludos y gracias
Mensaje18-07-2010, 20:24 (UTC)    
Título del mensaje:

vivirenlondres escribió:
lo he rellenado con botones de sobra porque seguían en el lado izquierdo y no me gustaban.


Hola,

hay una forma de centrar esos elementos, agrega esto arriba de todo el código

Código:
<div style="width: 330px; margin: 0 auto;">


El 330px debes ir modificandolo dependiendo de la cantidad de botones que incluyas, las pruebas las hice con los botones que dejas acá en el código, completo sería este

Código:
<div style="width: 330px; margin: 0 auto;">
<div class="addthis_toolbox addthis_32x32_style addthis_default_style">

<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_google"></a>
<a class="addthis_button_myspace"></a>
<a class='addthis_button_email'></a>
<a class='addthis_button_print'></a>
<a class='addthis_button_blogger'></a>
<a class='addthis_button_favorites'></a>
<a href="http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4c3f962d59bb064b" class="addthis_button_compact"></a>

</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c3f962d59bb064b"></script>

______________

Evite colocar sitios externos en la firma
Mensaje18-07-2010, 23:07 (UTC)    
Título del mensaje:

Hola,

funciona perfectamente! muchas gracias por tu aportación.

Saludos!
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group