Centrar iconos en div

F

fabianlamas33

Gamma

Programador

No recomendado

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 18 Jun 2015

• #1

Bueno, tengo el siguiente problema que he creado unos iconos pero el tema es que no se centran, ¿que hago mal?

PHP:

 <div align="center" class="shst-share-widget big-no-counters">*
    <a class="shst-share-button shst-facebook"></a>*
    <a class="shst-share-button shst-twitter"></a>*
    <a class="shst-share-button shst-google-plus"></a>*
    </div>*

Suena tonto pero el div no se me centra, vean esta imagen, si notan un error me avisan.

 

Ivannoob

Zeta

Verificación en dos pasos activada

• 18 Jun 2015

• #2

Probá poniéndole en css margin: 0 auto; :encouragement:

 

F

fabianlamas33

Gamma

Programador

No recomendado

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 18 Jun 2015

• #3

Ivannoob dijo:

Probá poniéndole en css margin: 0 auto; :encouragement:

Hacer clic para expandir...

Lo intente y nada, ¿tienes alguna idea?

 

Ivannoob

Zeta

Verificación en dos pasos activada

• 18 Jun 2015

• #4

fabianlamas33 dijo:

Lo intente y nada, ¿tienes alguna idea?

Hacer clic para expandir...

Si es Blogger y me dejas puedo probar, si es wordpress ni idea de como usarlo. O si la estás haciendo de 0 también te podría ayudar.

 

zking

Dseda

Programador

Verificación en dos pasos activada

• 18 Jun 2015

• #5

Usa este código:

HTML:

<center>
 <div class="shst-share-widget big-no-counters">* 
    <a class="shst-share-button shst-facebook"></a>* 
    <a class="shst-share-button shst-twitter"></a>* 
    <a class="shst-share-button shst-google-plus"></a>* 
    </div>*
</center>

 

F

fabianlamas33

Gamma

Programador

No recomendado

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 18 Jun 2015

• #6

Ivannoob dijo:

Si es Blogger y me dejas puedo probar, si es wordpress ni idea de como usarlo. O si la estás haciendo de 0 también te podría ayudar.

Hacer clic para expandir...

No es Blogger ni tampoco Wordpress.
Puedes mirar aqui el foro en la parte del footer, Foro Plus | Tu comunidad online
Disculpe el spam, pero necesito centrarlo en el footer, pero no se centra.
[MENTION=44787]zasudark[/MENTION]
Es forma, lo había intentado y no resulta a nada.

 

Última edición: 18 Jun 2015

JancoBH

Gamma

Programador

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 18 Jun 2015

• #7

[MENTION=136401]fabianlamas33[/MENTION] intenta esto

Insertar CODE, HTML o PHP:

<div style="text-align: center;">
 Aquí tu código que quieres centrar 
</div>

 

M

markpardeo

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 18 Jun 2015

• #8

Hola.

Tienes los elementos "a" flotando a la izquierda, al aplicarles center no funciona, hay varias soluciones para ello, la más sencilla es modificar float:none y agregar display:inline-block, y debe quedar así:

Insertar CODE, HTML o PHP:

.shst-share-button {    
    float: none;
    margin-right: 0; 
    height: 20px;
    width: 20px;
    transition: all 0.5s ease 0s;
    display: inline-block;
}

 

Programarte

Épsilon

Programador

Verificado

Verificación en dos pasos activada

• 19 Jun 2015

• #9

al poner align="center" al div no le dice al DIV que se ponga en el centro de la ventana sino que el contenido del DIV esté centrado dentro del mismo DIV por lo que si el DIV no abaraca el 100% de la pantalla y ocupara sólo el 50% por poner un ejemplo el contenido del DIV se centraría sólo en ese 50% que abarca el DIV. Es probable que en tu sitio tenga algún estilo que no hace que cubra el 100% por ejemplo. Lo que tendrías que hacer es ponerlo dentro de otro DIV que abarque el 100% con align="center".

Por otro lado atiende lo del float que te menciona markpardeo que es otro aspecto porque el los elementos suelen "desobedecer" las indicaciones que le damos para la alineación.

 

M

mbposmon

Curioso

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 20 Jun 2015

• #10

Si tienes float left en el estilo "shst-share-widget" no se te va a centrar. Ponle un estilo diferente al div que no tengan los enlaces.
Por ejemplo puedes llamarlo centrar:
.centrar{margin:0 auto;
}
Si no te funciona puedes probar añadiendole un: display:block;
aunque no hace falta porque en realidad los div es algo que si reconoce.

Y si de última no te funciona puedes hacer un apaño poniendo margin-left:___px; La medida suficiente como para que esté centrado.