Problemas con las leyendas y alineación del texto en las imágenes

Inicio Foros WordPress Themes y Diseño Problemas con las leyendas y alineación del texto en las imágenes

Etiquetado: , ,

Este debate contiene 19 respuestas, tiene 3 mensajes y lo actualizó  hernanwp hace 6 años, 9 meses.

  • Autor
    Publicaciones
  • #22885

    hernanwp
    Participante

    <p>Hola. No sé bien por qué, pero cuando le inserto una leyenda/caption a una imagen y la configuro para alinear el texto a su izquierda, todo el párrafo se alínea a la izquierda en lugar de mantenerse justificado como el resto de los párrafos. En cambio si no pongo leyenda, el texto se alínea a la izquierda de la imagen pero sigue respetando el justificado del párrafo. Lo mismo sucede con los videos de Youtube pero aquí el problema no son las leyendas, ya que no hay, simplemente si elijo alinear el texto a la izquierda del video, todo el resto del párrafo se alínea también a la izquierda.<br />
    Cualquier ayuda es bienvenida.</p>
    <p>Sitio: http://www.eldiadelamor.net<br />
    versión: WordPress 3.2.1
    </p>

  • #56337

    LGrusin
    Miembro

    Los estilos del theme no deben estar bien configurados para alinear caption e imágenes.

    Si usas el modo Visual para alinear los elementos puede que no se corresponda con la alineación de los estilos de tu theme puesto que predominan estos. Por otro lado puede que falten algunos si el theme es antiguo.

    Para ayudarte, lo primero que habría que saber es si las imágenes las puedes alinear donde quieras o el theme no lo permite y las deja fijas en una posición.

    Un saludo

  • #56340

    hernanwp
    Participante

    LGrusin, entonces debería escribir los textos en modo html y poner los códigos de alineación manualmente? El theme es Coraline de Atomattic. Según lo que pude averiguar es de agosto del año pasado. Las imágenes las me deja alinearlas en cualquier parte del párrafo, con el texto alineado a su izquierda pero manteniendo la alineación justificada para todo el párrafo. En [url=http://eldiadelamor.net/la-bella-y-la-bestia-es-poco/]este[/url] post se puede ver una imagen casi al final de un párrafo y correctamente alineada.El problema es cuando le inserto un caption, ahí manda la imagen al principio de un párrafo aparte y con todo el párrafo alineado a la izquierda. Lo mismo sucede con los videos, o peor, porque en este caso directamente no me permite alinear el texto sin enviarlo a un párrafo aparte y sin mantener el justificado.
    Gracias por tu ayuda.
    Un saludo

  • #56347

    LGrusin
    Miembro

    Lo que quiero decir es que si el theme tiene los estilos bien configurados ni siquiera tendrías que estar alineando y/o justificando texto y párrafos, sólo en casos concretos. Lo ideal es que sólo tengas que preocuparte de escribir y no de dar estilos a cada párrafo que escribas, es muy incómodo hacerlo así.

    Lo mismo ocurre con las imágenes. Si alineas una imagen a la izquierda, el texto que escribas después se coloca a la derecha y este tiene que ocupar todo el alto de la imagen para poder seguir escribiendo en el siguiente párrafo. Lo mismo si colocas la imagen a la derecha.

    Si no lo haces así se te amontonan y se descolocan imágenes y texto. No sé si es eso lo que te está pasando.

    He probado caption y va bien, el texto queda centrado por debajo de la imagen pero sin justificar. El texto de un caption no se puede alinear en tu theme pero si el caption completo.

    Un saludo

  • #56349

    hernanwp
    Participante

    En realidad no es que quiero darle un estilo a cada párrafo sino que cuando inserte una imagen con caption, el texto del párrafo quede en caja con la imagen pero sin por ello perder la alineación justificada. Aquí hay unas capturas por si no se entiende lo que digo:
    con caption: [img]http://eldiadelamor.net/wp-content/uploads/2011/10/Con-caption.jpg[/img]
    sin caption: [img]http://eldiadelamor.net/wp-content/uploads/2011/10/Sin-caption.jpg[/img]

    Esto puede estar pasando porque están mal configurados los estilos del theme como tú dices?

  • #56358

    Pedro Raul
    Participante

    puedes poner url de tu captura, para analizar el css.

  • #56363

    LGrusin
    Miembro

    Vaya theme más extraño…

    Comprueba en el archivo style.css por la mitad más o menos pone:
    .entry-content, .entry-summary {
    margin: 0.85em 0 0 0;
    }

    añade text-align: justify; para que quede así.
    .entry-content, .entry-summary {
    margin: 0.85em 0 0 0;
    text-align: justify;
    }

    Esto justifica todos los textos.

    Un poco más abajo de la mitad, pone lo siguiente:

    .wp-caption .wp-caption-text {
    margin: .5em 0 0 0;
    }

    añade para que quede:

    .wp-caption .wp-caption-text {
    margin: .5em 0 0 0;
    text-align: center;
    }

    text-align:center; centra el texto del caption, si lo quieres justificado sustituyelo por: text-align: justify;

    A partir de ahora no tienes que especificar el justify cuando escribas, simplemente escribe y ya te saldrá así. Lo mismo para el caption y el resto de elementos.

    Un saludo

  • #56370

    hernanwp
    Participante

    Genial LGrusin, ha quedado solucionado el problema de la alineación cuando inserto captions. El problema es que sigue enviando la imagen a un párrafo aparte, igual que con los videos (esto no sucede cuando la imagen no tiene captions).
    [img]http://eldiadelamor.net/wp-content/uploads/2011/10/Con-caption2.jpg[/img]
    Pedro Raul, la captura es de una vista previa porque el blog está online y no encontré la forma de publicar un post para que se vea únicamente acá, pero si tienes alguna idea con gusto lo hago.
    Un saludo

  • #56373

    LGrusin
    Miembro

    Eso es debido en tu theme a los márgenes entre párrafos especialmente visible cuando pones caption.

    En el archivo style.css antes de la mitad pone:
    /* Text elements */
    p { margin-bottom: 1.7em; }

    modificalo para que quede:

    p { margin-bottom: 10px; }

    o cualquier otro valor que prefieras.

    Saludos

  • #56375

    hernanwp
    Participante

    Gracias LGrusin, pero no funcionó, sigue mandando la imagen a un párrafo aparte.
    Saludos

  • #56380

    LGrusin
    Miembro

    Pues no te entiendo. Con 10px igual no notas mucha diferencia, prueba reducir a 5px por ejemplo.

    ¿Te refieres al espacio entre párrafos o al espacio debajo de la imagen? Si te refieres a esto último, te recuerdo que el caption original tenía un borde, además del contenedor del texto del caption, esa es la razón por la que hay más separación. En todo caso podrás reducir el margen un poco.

    EDITO, lo pillé… ahora te digo el porqué…

    Un saludo

  • #56386

    hernanwp
    Participante

    Gracias!

  • #56388

    LGrusin
    Miembro

    A ver, que nos liamos, un caption tiene un tratamiento especial. Se supone que se usa para destacar o comentar lo que se muestra en la imagen con el texto al pie. Por tanto, el texto se situa a la derecha del caption o a la izquierda según sea. Lo tienes fácil pon el caption después de un párrafo y no enmedio. En el ejemplo ponlo después de la palabra “océano”.

    De esta forma usarás caption para unas cosas y las imágenes para otras.

    Un saludo

  • #56389

    hernanwp
    Participante

    No entiendo muy bien. ¿Por qué se puede poner una imagen sin caption en medio de un párrafo pero no una con caption? Tú me dices que haga un párrafo aparte y ponga la imagen ahí, verdad?

    Un saludo

  • #56391

    LGrusin
    Miembro

    Ya sé que puede ser dificil de entender pero el contenedor del caption es una caja div con imagen y texto, todo forma un conjunto. Al ponerlo enmedio del texto y alinearlo a la izquierda o derecha rompe o interrumpe el flujo normal del texto. Sólo tienes que ponerlo al final de una frase, de esa forma no dará ese salto tan extraño.

    Saludos

  • #56392

    hernanwp
    Participante

    Es que si pongo la imagen al final de una frase igual la manda a un párrafo aparte. Y no sé cuál es la conexión con los videos, porque me pasa exactamente lo mismo y éstos no llevan captions. El plugin que utilizo para insertarlos es Smart YouTube, que permite agregar css al template. Yo le puse:


    Pero igual lo manda a un nuevo párrafo. Sabes si me está faltando algo en el código o es por el problema que tengo con la plantilla?

    Saludos

  • #56410

    LGrusin
    Miembro

    Por eso te dije que la distancia entre párrafos la podrías acortar para que no se viera tanto espacio. Te pasa siempre que pongas elementos en una caja div, y eso son la mayoría.

    El margin-bottom ese puedes ponerlo a 0 (cero) o jugar un poco
    margin-bottom: 0px;

    Saludos

  • #56422

    hernanwp
    Participante

    Ahí lo puse en 1px. De todos modos por más que acorte los margin-bottom siempre va a quedar un blanco entre un párrafo y otro, que es lo que quería evitar. Lo que no termino de entender es por qué no pasa lo mismo con las imágenes sin captions. Esas también están en una caja div pero igual se mantienen dentro del párrafo, como en este [url=http://eldiadelamor.net/la-bella-y-la-bestia-es-poco/]post[/url]. Por eso pensé que se podía hacer lo mismo con los videos y con las imágenes con captions, pensé que había algo en mi plantilla que podía solucionar.
    Gracis y un saludo

  • #56433

    hernanwp
    Participante

    La caja de edición de texto ahora solo aparece en modo html y ha desaparecido la pestaña ‘VISUAL’.
    [img]http://eldiadelamor.net/wp-content/uploads/2011/10/no-visual.jpg[/img]
    ¿Sabes si hay algo que pueda hacer para evitar esto o debo anular estos cambios que le hice a la plantilla?
    Saludos

  • #56449

    hernanwp
    Participante

    Haz de cuenta que no dije nada, estaba desactivado el editor visual en mi perfil.

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest