Foros del Web » Creando para Internet » CSS »

El texto pasa sobre la imagen

Estas en el tema de El texto pasa sobre la imagen en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 11/01/2010, 14:13
 
Fecha de Ingreso: febrero-2008
Mensajes: 294
Antigüedad: 9 años, 9 meses
Puntos: 2
El texto pasa sobre la imagen

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:

Cita:
float:left;
border:1 solid #000;
padding:2px;
margin-right:3px;
no entiendo lo que pasa, alguien me ayuda?

saludos y gracias de antemano.
__________________
Aprende a Crear un blog en Wordpress desde cero. Mejores5.com
  #2 (permalink)  
Antiguo 11/01/2010, 14:30
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: El texto pasa sobre la imagen

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

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #3 (permalink)  
Antiguo 11/01/2010, 14:56
 
Fecha de Ingreso: febrero-2008
Mensajes: 294
Antigüedad: 9 años, 9 meses
Puntos: 2
Respuesta: El texto pasa sobre la imagen

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

saludos
__________________
Aprende a Crear un blog en Wordpress desde cero. Mejores5.com
  #4 (permalink)  
Antiguo 11/01/2010, 15:11
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: El texto pasa sobre la imagen

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¡¡
__________________
Revisa las FAQ's antes de disparar.
  #5 (permalink)  
Antiguo 11/01/2010, 18:13
 
Fecha de Ingreso: febrero-2008
Mensajes: 294
Antigüedad: 9 años, 9 meses
Puntos: 2
Respuesta: El texto pasa sobre la imagen

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

alguien?

saludos
__________________
Aprende a Crear un blog en Wordpress desde cero. Mejores5.com
  #6 (permalink)  
Antiguo 12/01/2010, 18:13
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 4 meses
Puntos: 137
Respuesta: El texto pasa sobre la imagen

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
  #7 (permalink)  
Antiguo 13/01/2010, 10:44
 
Fecha de Ingreso: febrero-2008
Mensajes: 294
Antigüedad: 9 años, 9 meses
Puntos: 2
Respuesta: El texto pasa sobre la imagen

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
__________________
Aprende a Crear un blog en Wordpress desde cero. Mejores5.com
  #8 (permalink)  
Antiguo 13/01/2010, 10:50
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 4 meses
Puntos: 137
Respuesta: El texto pasa sobre la imagen

Código CSS:
Ver original
  1. .separator {width:160px;}
te falto agregar eso ahora tiene 545px
chao
  #9 (permalink)  
Antiguo 13/01/2010, 13:37
 
Fecha de Ingreso: febrero-2008
Mensajes: 294
Antigüedad: 9 años, 9 meses
Puntos: 2
Respuesta: El texto pasa sobre la imagen

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
__________________
Aprende a Crear un blog en Wordpress desde cero. Mejores5.com

Etiquetas: Ninguno
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 13:09.