Foros del Web » Creando para Internet » HTML »

Colocar el texto a la misma altura que la imagen

Estas en el tema de Colocar el texto a la misma altura que la imagen en el foro de HTML en Foros del Web. 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? ...
  #1 (permalink)  
Antiguo 30/08/2010, 16:57
 
Fecha de Ingreso: junio-2009
Mensajes: 76
Antigüedad: 14 años, 8 meses
Puntos: 0
Colocar el texto a la misma altura que la imagen

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 :)
  #2 (permalink)  
Antiguo 30/08/2010, 17:14
 
Fecha de Ingreso: diciembre-2007
Mensajes: 104
Antigüedad: 16 años, 2 meses
Puntos: 4
Respuesta: Colocar el texto a la misma altura que la imagen

A la imágen ponle el atributo align="left"
Saludos!
  #3 (permalink)  
Antiguo 30/08/2010, 17:22
 
Fecha de Ingreso: junio-2009
Mensajes: 76
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Colocar el texto a la misma altura que la imagen

Gracias! El texto me queda un poco más abajo, eso sí, sabes qué puedo ponerle?
Un saludo :)
  #4 (permalink)  
Antiguo 30/08/2010, 17:29
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 9 meses
Puntos: 539
Respuesta: Colocar el texto a la misma altura que la imagen

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
  #5 (permalink)  
Antiguo 30/08/2010, 17:38
 
Fecha de Ingreso: diciembre-2007
Mensajes: 104
Antigüedad: 16 años, 2 meses
Puntos: 4
Respuesta: Colocar el texto a la misma altura que la imagen

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!
  #6 (permalink)  
Antiguo 30/08/2010, 17:46
 
Fecha de Ingreso: junio-2009
Mensajes: 76
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Colocar el texto a la misma altura que la imagen

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 ;)
  #7 (permalink)  
Antiguo 30/08/2010, 17:58
 
Fecha de Ingreso: junio-2009
Mensajes: 76
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Colocar el texto a la misma altura que la imagen

¿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;
  #8 (permalink)  
Antiguo 30/08/2010, 18:07
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 9 meses
Puntos: 539
Respuesta: Colocar el texto a la misma altura que la imagen

Cita:
Iniciado por Carlen8 Ver Mensaje
¿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:
Cita:
.post a img, .post a:hover img {...
Pues la sintaxis en el html es:
Cita:
<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.
  #9 (permalink)  
Antiguo 31/08/2010, 15:14
 
Fecha de Ingreso: junio-2009
Mensajes: 76
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Colocar el texto a la misma altura que la imagen

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

Etiquetas: altura
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:08.