El texto pasa sobre la imagen

[webbber]

hola amigos
tengo un problema q nunca habia visto,porq nome habia pasdo antes,logico.
Hice un blog en blogger y al alinear las imagenes a la izquierda con FLOAT el texto que esta a la derecha se pasa por encima de la imagen, pero solo cuando la imagen en el post es muy grande, por encima de los 120x80 px
pero esto solo pasa al ver las paginas individuales y en el index u ordenadas por label.
los atributos de las imagenes son los siguientes:

float:left;
border:1 solid #000;
padding:2px;
margin-right:3px;

no entiendo lo que pasa, alguien me ayuda?

saludos y gracias de antemano.

[Impostor]

¿El texto tiene alguna etiqueta? Yo probaría metiendo el texto en <p> </p>.

Saludos¡¡

[webbber]

hola amigo
gracias por tu rapida respuesta, puedes ver este post de ejemplo y sigo sin entender que pasa.

saludos

[Impostor]

Estoy revisando el post que has enlazado y me esta siendo difícil detectar donde esta el fallo. Seguramente este se ha producido tras hacer alguna modificación en el blog, lo que te puedo decir es que deshagas ese cambio.

Saludos¡¡

[webbber]

ok, gracias por responder. tomaré en cuenta tu sugerencia,pero me gustaria ver la opinion de alguien mas.

alguien?

saludos

[alexk]

primero esta muy mal hecho ese theme :S

ahora algo rapido seria
en el codigo

Código:

<div class="separator" style="clear:.........

quitale todo el "style" deja solo la clase
luego

Código:

.separator{
/*display:inline;----esta parte no sirve de naa*/
float:left;
/*height:3px;----- no le veo sentido*/
margin:5px 0;
padding:0;
width:160px; /*un tamaño para el div... para que la imagen de dentro no debe llegar a los 150px*/
overflow:hidden;/*agrega esto para que si la imagen es mas grande no pase nada*/
}

claro que estos cambios lo solucionan pero no tengo idea del resto de la template y que otras cosas pueden cambiar... ve jungando aver que pasa...
nose como funciona blogspot pero esa template esta falta chao y suerte

[webbber]

hola
tu respuesta me ayudo,solo que ahora el texto no me aparece al lado de la imagen que flota a lado izquierdo. Los atributos estan bien,pero no c q pasa.

saludos

[alexk]

Código CSS:

.separator {width:160px;}
 

te falto agregar eso ahora tiene 545px
chao

[webbber]

hola,
tu respuesta si me ayudo,pero ahora el casoe s que si la imagen es mayor de 160px no se muestra toda, y si es menos, el margen derecho es muy grande. Ademas, si agrego una imagen grande al centro del posts, no se muestra por el ancho que le di al .separator.

saludos