[SOLUCIONADO] Problema con alinear imágenes en un theme creado desde 0

[madman_18]

Hola a todos!

Estoy teniendo problemas para alinear las fotos que se suban a los posts de mi Wordpress y no se por qué.

Al insertarlas en el post, me las inserta en un <p> que me está ocupando el 100% del <div> donde pinto el contenido y ahí es donde mete la imagen.

Sin embargo, el CSS tengo el código que se aplicaría a las imagenes:

Código CSS:

img.alignright {float:right;margin: 0px 0 1em 1em;}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px;}
img#wpstats {display:none;}
 

¿Alguna idea de qué puede pasar? El css en sí lo aplica a la imagen pero como lo mete en un <p>, me está ocupando el 100% del div

[pinguisport85]

Estimado, , creo que el problema no es css, lo que pasa es que los más probable que en e loop cuando utilizaste el the_content y the_ excerpt lo tienes encerrado en una etiqueta <p> por lo cual , cada vez que subes una imagen en un post te lo amarra a una etiqueta <p>.

Eso te podría decir ya que no tienes más información.

[madman_18]

Iniciado por pinguisport85

Estimado, , creo que el problema no es css, lo que pasa es que los más probable que en e loop cuando utilizaste el the_content y the_ excerpt lo tienes encerrado en una etiqueta <p> por lo cual , cada vez que subes una imagen en un post te lo amarra a una etiqueta <p>.

Eso te podría decir ya que no tienes más información.

Perdona, llevo unos días sin entrar y se me pasó cuando abrí el post poner el código cuando muestro el contenido.

Mi código es el siguiente:

Código HTML:

<div class="texto-pagina">
               <?php the_content();?>
</div>
 

Por lo que ves, no los meto dentro de ninguna etiqueta <p> ni nada por el estilo, es como si el propio editor de Wordpress me lo metiese en un párrafo cuando añado la foto.

[darchy]

wordpress inserta "porque si" los <p> en cada salto de linea

Tienes 2 opciones, o jugar con el css de esos <p> para que no te estropeen el diseño (que es lo que se suele hacer) o forzar a que no te meta esos <p>. Esto ultimo no recuerdo como es, pero el otro dia lo vi en el foro de soporte de wordpress (en ingles). De todos modos, creo que lo recomendable es manejar apropiadamente esos estilos, y dejar los parrafos como estan.

[madman_18]

Iniciado por darchy

wordpress inserta "porque si" los <p> en cada salto de linea

Tienes 2 opciones, o jugar con el css de esos <p> para que no te estropeen el diseño (que es lo que se suele hacer) o forzar a que no te meta esos <p>. Esto ultimo no recuerdo como es, pero el otro dia lo vi en el foro de soporte de wordpress (en ingles). De todos modos, creo que lo recomendable es manejar apropiadamente esos estilos, y dejar los parrafos como estan.

Gracias por la idea, creo que dejaré los párrafos y lo que intentaré jugar será con los saltos de línea cuando me metan los contenidos en la entrada :)

He estado probando y si en vez de generar "párrafos" (cada 2x3 pulsan enter al insertar contenidos y creo que eso es lo que me está haciendo que no se vea bien el post) generen saltos de línea para el párrafo que quieran meter al lado de la imagen. Haciendo unas cuantas pruebas con saltos de líneas (shift+enter) en vez de meter múltiples párrafos funciona :)

Gracias por las ayudas!