Colocar el texto a la misma altura que la imagen

[Carlen8]

Hola :)

¿Sabéis cuál es el código poner el texto de un post justo a la par - a la misma altura que la imagen/thumbnail?

Aquí está el post: http://yaccion.blogspot.com/2010/08/titulo.html

Como podéis ver el texto empieza justo debajo de la imagen y lo que yo quiero es ponerla a la misma altura que ésta.

Otra duda: El thumbnail es de Imageshack y como veis, aparece su dimensión y peso en la propia imagen. ¿Sabéis si es posible quitarlo? Lo he intentado pero no sé cómo hacerlo.

Gracias y un saludo :)

[nakiox]

A la imágen ponle el atributo align="left"
Saludos!

[Carlen8]

Gracias! El texto me queda un poco más abajo, eso sí, sabes qué puedo ponerle?
Un saludo :)

[kseso?]

Bastará con el eliminar el /<br/> que tiene tras la imagen y antes de comenzar el texto.
Lo que debe averiguar es si lo genera el código programado y si es usted el que realiza un retorno de carro /enter/ despues de cerrar /<img ... />/

Todo lo anterior sin detenimiento en observar su css, sólo el html generado en ff.

Yo no recomendaría usar el par /align="left"/. Está utilizando el doctype xhtml 1.0 strict

[nakiox]

Lo que dice kseso.. ahí está la solución.

Bueno.. quizás podrías hacerlo mediante css con float:left; en la imágen.. puedes añadirle una clase a la imágen, por ejemplo: <img class="fotoPost" src="bleble.gif">

Y en el css:

.fotoPost { float:left; }

De nadas y Saludos!

[Carlen8]

Gracias! No soy experta en esto pero lo que te puedo decir es que edito la entrada en el editor de entradas de Blogger, y ahí no hay ningún /<br/>. Supongo que lo genera el código programado, el de la plantilla del blog. No sé qué tengo que cambiar, si el código en la plantilla, o ponerle algo en el editor de entradas...
He probado a poner :/align="left"/ pero la imagen sigue en la misma posición.
Gracias por la ayuda ;)

[Carlen8]

¿Puede ser que este sea el código en la plantilla de la imagen del post ?

.post img {
border:5px solid #171615;
text-align:center;
margin:0 7px 0; 0;
}
.post img a, .post img a:hover {
border-bottom:0;

[kseso?]

Iniciado por Carlen8

¿Puede ser que este sea el código en la plantilla de la imagen del post ?

.post img a, .post img a:hover {
border-bottom:0;

Esas declaraciones están mal. Una imagen no puede contener ningún otro elemento dentro de su tag. Sólo la dirección de ella y los atributos correspondientes.

Debería ser:

.post a img, .post a:hover img {...

Pues la sintaxis en el html es:

<a href="....><img src=".... /></a>

El retorno de carro seguramente lo genere entonces usted en el text-area al colocar la imagen en una línea y presionar /enter/ para comenzar a escribir el texto en la línea inferior.

La vez anterior no miré su css, pero esa imagen (la miniatura) ya debe estar flotada a la izquierda (alguna herencia), supongo, pues no reparé en ese detalle. No se planteaba.

[Carlen8]

Gracias por la información, ya lo he solucionado!
Un saludo :D