Problema con la zona de comentarios

keteden · #1 (**permalink**) 07/01/2013, 03:53

Hola:

Tengo un problema con el apartado de comentarios. Cuando se escribe en el cuadrado la escritura sale de éste.

ejemplo: http://www.autics.org/2012/11/la-pregunta-del-millon-ipad-o-una-tablet-android/#idc-container

Como se ve, el texto del comentario sale del cuadro o zona delimitada para el comentario.

¿Alguien me puede ayudar? No soy experto.

Muchas gracias y feliz año nuevo,

pzin · #2 (**permalink**) 07/01/2013, 04:01

Tienes que quitar el ancho al 100% que tienes especificado en #social .social-comment-body, porque el elemento que lo contiene tiene un padding-left de 50px y al tener .social-comment-body al 100%, este se desplaza 50px a la derecha.

Como es un elemento de bloque, si no especificas el ancho al 100%, se ajustará de forma automática.

keteden · #3 (**permalink**) 07/01/2013, 04:05

Perdona pero desde dónde se quita?

Gracias,

Nekko · #4 (**permalink**) 07/01/2013, 04:17

Está en el archivo comments.css de tu plugin social, línea 505. Te conviene aprender a utilizar la Webmaster Developer Toolbar, viene para varios navegadores.

keteden · #5 (**permalink**) 07/01/2013, 04:21

he ido a coments.css y le he quitado el width: 100%.
Es decir, he eliminado la linea y actualizo el plugin.

Gracias.

El problema que tengo ahora es que el avatar y el enlace "RESPONDER" no me entra adecuadamente:

Ejemplo: http://www.autics.org/2012/01/sobre-la-multitud-de-aplicacion-sobre-comunicacion/#IDComment263336073

Gracias por la ayuda

keteden · #6 (**permalink**) 07/01/2013, 05:16

Hola:

En el apartado de comentarios de mi blog el avatar y el enlace "Responder" no se ven adecuadamente.

En el caso del avatar, éste se pega al texto del comentario. Me imagino que será algo de alinear. Pero no sé como se hace porque son nuevo en esto.

Por otra partre, el enlace "Responder no me aparece correctamente.

Ejemplo:

http://www.autics.org/2012/01/sobre-la-multitud-de-aplicacion-sobre-comunicacion/#IDComment262981614

Como se aprecia, el avatar está pegado al testo y el clic de Responder, no aparece bien.

Gracias por la ayuda

pzin · #7 (**permalink**) 07/01/2013, 05:42

Aumenta el padding de .social-comment-header. Para el enlace de responder, podrías aplicarle un white-space:nowrap al selector #social a.comment-reply-link.

Para estas y otras muchas dudas de hoy, mañana y siempre, te dejo un enlace a un buen manual de CSS.

keteden · #8 (**permalink**) 07/01/2013, 06:10

Perfecto gracias.

He aumentado de 50 a 75

#social .social-comment-header,
#social .social-comment-body,
#social .social-comment-entry-meta {
padding-left: 75px;

Mira el ejemplo ahora: [URL="http://www.autics.org/2012/11/la-pregunta-del-millon-ipad-o-una-tablet-android/#idc-container"]http://www.autics.org/2012/11/la-pregunta-del-millon-ipad-o-una-tablet-android/#idc-container[/URL]

De nuevo, gracias por tu ayuda

Nekko · #9 (**permalink**) 07/01/2013, 06:43

Combiné tus temas ya que son dudas que giran en torno a lo mismo: al CSS de la zona de comentarios de tu theme.

keteden · #10 (**permalink**) 07/01/2013, 06:48

Ok. Pensaba que cada pregunta era un tema para no liar a la gente. Sorry.