Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje16-07-2010, 00:47 (UTC)    
Título del mensaje: [Resuelto]Centrar botones en HTML
Responder citando
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:
Responder citando
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:
Responder citando
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:
Responder citando
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:
Responder citando
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:
Responder citando
Hola,

funciona perfectamente! muchas gracias por tu aportación.

Saludos!
↑
Mostrar mensajes anteriores:   
  • Página 1 de 1

  •  
    • Saltar a:  


Powered by phpBB © 2001, 2005 phpBB Group

© 2023 webme GmbH, Alemania. Todos los derechos reservados.