Soporte » Guías – Resolución de problemas » Imagen después del texto

  • Resuelto davidra

    (@davidra)


    Buenos días,

    no consigo introducir una imagen después del texto, como lo haría en un editor como Word sin que me lo ponga en la siguiente línea. Puedo introducir una imagen alineada a la izquierda (antes del texto) o a la derecha (después del texto pero al final de la línea). Sin embargo no me deja introducirla en la misma línea justo después del texto, es decir así:

    Este el texto y quiero justo aquí [IMG]

    No quiero ninguna de estas tres cosas:

    Este el texto y quiero justo aquí [IMG]

    [IMG] Este el texto y quiero justo aquí

    Este el texto y quiero justo aquí
    [IMG]

    He probado con la vista HTML cambiar el </p> de sitio pero nada. Espero que alguien me pueda ayudar.

    Muchas gracias

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • Moderador Rafa Poveda

    (@bi0xid)

    Dices que quieres lo primero que no quieres 😉

    Se supone que el editor de WordPress debería permitirte hacer eso sin problemas. En la vista HTML puedes modificar el tamaño de la imagen, y puedes jugar también con su posición. Eso debería permitirte ubicar la imagen justo donde quieres.

    De hecho, en el editor html deberías poder hacer algo como esto sin problemas si añades una imagen sin alinear:

    Estamos suponiendo que es un tema bien formado y que no has cambiado elementos. Si has modificado la vista externa del tema, es posible que el editor interno y lo que después se ve no coincida. Aún así, hay temas que en la vista externa cambian un poco cómo trabajan con las imágenes. En mi caso, por ejemplo, para que el texto con la imagen se vea como en el editor, tengo que cambiar un poco la CSS:

    Básicamente tengo que eliminar el display:block; y el padding.

    Si añades a tu CSS algo como

    .alignnone {
    display: inline;
    padding: 0;}

    las imágenes deberían verse dentro del texto como en el ejemplo.

    Un saludo.

    Iniciador del debate davidra

    (@davidra)

    Muchas gracias Rafa por tu respuesta,

    me refería a que no quería esto.

    Este el texto y quiero justo aquí………………………………. [IMG]

    pero lo había escrito con espacios y se había quedado pegado.

    Pues he probado añadir

    .alignnone {
    display: inline;
    padding: 0;}

    a la hoja de estilos CSS (que está en blanco) pero me sigue ocurriendo lo mismo. La plantilla que utilizo es beonepage-lite, no sé si será por eso. Mi página es http://www.davidrebollo.es por si es de utilidad saberlo.

    Muchas gracias de nuevo.

    Moderador Rafa Poveda

    (@bi0xid)

    Dinos dónde te ocurre para que podamos mirar el código y ayudarte un poco mejor.

    Si es en http://www.davidrebollo.es/formacion/, las imágenes tienen alignright.

    Iniciador del debate davidra

    (@davidra)

    En esa página sí que me interesa que estén alineadas a la derecha, perdón por no haber creado un ejemplo antes.

    Acabo de crear un ejemplo en la página http://www.davidrebollo.es/experiencia-profesional/

    Después del segundo párrafo («A continuación puedes ver un resumen de los trabajos más importantes de mi vida laboral:») he insertado una imagen del icono de gmail que quiero que me aparezca justo después de la última palabra. Está puesta sin alineación y sin embargo lo pasa a la línea de abajo (en el editor sí aparece como quiero).

    Moderador Rafa Poveda

    (@bi0xid)

    Buenas.

    Si añades a tu CSS (al final de la CSS) este código, debería funcionar.

    .alignnone {
    display:inline;
    }

    Iniciador del debate davidra

    (@davidra)

    SOLUCIONADO!!!!!

    Muchísimas Rafa, ahora se ve perfecto. Eres una máquina.

    Un saludo.

    Moderador Rafa Poveda

    (@bi0xid)

    De nada 🙂 marco como resuelto.

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • El debate ‘Imagen después del texto’ está cerrado a nuevas respuestas.