Autor
Mensaje
vivirenlondres
Nuevo
16-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&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
↑
team-ayudamaster
Ex-teamPwG-Mod
Ubicación: Venezuela
16-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&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!
↑
vivirenlondres
Nuevo
16-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
↑
vivirenlondres
Nuevo
18-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
↑
elbacan-recargado
since-2007
Ubicación: Viña del Mar, Chile ;)
18-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&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
↑
vivirenlondres
Nuevo
18-07-2010, 23:07 (UTC) Título del mensaje :
Hola,
funciona perfectamente! muchas gracias por tu aportación.
Saludos!
↑