Foros del Web » Creando para Internet » CSS »

Igualar imagen con texto

Estas en el tema de Igualar imagen con texto en el foro de CSS en Foros del Web. Saludos, Verán, estoy montanto un pequeño sistema de noticias en PHP, y bueno teng oun inconveniente con las imagenes y el texto. Verán, el problema ...
  #1 (permalink)  
Antiguo 02/11/2008, 14:20
Avatar de OsSk4R  
Fecha de Ingreso: octubre-2006
Ubicación: $this->home
Mensajes: 824
Antigüedad: 18 años, 1 mes
Puntos: 74
Igualar imagen con texto

Saludos,

Verán, estoy montanto un pequeño sistema de noticias en PHP, y bueno teng oun inconveniente con las imagenes y el texto.

Verán, el problema que tengo es que al añadir el texto y la imagen (comunidad), la noticia me sale de la siguiente manera:

http://img204.imageshack.us/my.php?image=dibujoqw0.jpg

Como ven, el texto sale despues de la imagen, osea, un poco por debajo de la imagen. Ami lo que me gustaria es saber como podria hacer para que el texto saliera
justo al lado de la imagen. Me explico?

Espero que me puedan ayudar con este pequeño inconveniente. Es que asi quedan muy feas las noticias.

Saludos y ante todo, gracias ;)
  #2 (permalink)  
Antiguo 03/11/2008, 02:32
 
Fecha de Ingreso: noviembre-2008
Mensajes: 39
Antigüedad: 16 años
Puntos: 0
Respuesta: Igualar imagen con texto

creo que eso lo hace la propiedad "float:----;" espero que te ayude para una busqueda más concreta.
  #3 (permalink)  
Antiguo 03/11/2008, 05:18
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años, 7 meses
Puntos: 53
Respuesta: Igualar imagen con texto

Quieres algo como esto: ejemplo de imágenes con texto????

Si es así te explico... pon un div posicionado entre el texto...

Aresillo!!
  #4 (permalink)  
Antiguo 03/11/2008, 06:45
 
Fecha de Ingreso: septiembre-2008
Mensajes: 12
Antigüedad: 16 años, 2 meses
Puntos: 0
Respuesta: Igualar imagen con texto

prueba con esto

crea un contenedor con css:

.contenedor{
overflow:hidden;
heigth: 1%;
}

luego en donde quieres desplegar la noticia haz como sigue:

<div class="contenedor">
<div style="float:left;">
pon aqui tu imagen
</div>

<div style="float:left;">
pon aqui tu contenido
</div>
</div>



Ademas puedes dotar a los div de clases y jugar como quieras con las propiedades.

Espero que te sirva
Saludos
  #5 (permalink)  
Antiguo 03/11/2008, 06:53
 
Fecha de Ingreso: mayo-2008
Mensajes: 18
Antigüedad: 16 años, 6 meses
Puntos: 0
Respuesta: Igualar imagen con texto

Hola Aresillo,

Yo estoy practicando con el posicionamiento de los divs y todo eso y he hecho algo parecido poniendo 3 fotos. Pero me encuentro con un problema, la primera foto se ve bien pero la segunda y tercera van dejando margen arriba sin texto, dejando un hueco feo entre las fotos y el texto. Como lo puedo hacer para que el texto se ponga encima de las demas fotos tambien?
Cada foto la tengo puesta dentro de un div

Para que vieras a que me refiero te iba a poner una foto con el imageshack pero no me deja :( Espero explicarme bien

Un saludo

EDITO: Espero no meterme en un hilo donde no me llaman. Si es asi mis disculpas y abro nuevo hilo
  #6 (permalink)  
Antiguo 03/11/2008, 07:05
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años, 7 meses
Puntos: 53
Respuesta: Igualar imagen con texto

Yo creo Xafft que es mejor que abras otro hilo y así lo podemos mirar tranquilamente! No te olvides de poner el código y tal... si pudieras subir la web a algún lado sería incluso más fácil

Aresillo!!
  #7 (permalink)  
Antiguo 03/11/2008, 09:51
 
Fecha de Ingreso: mayo-2008
Mensajes: 18
Antigüedad: 16 años, 6 meses
Puntos: 0
Respuesta: Igualar imagen con texto

Ok gracias en cuanto active un dominio cuelgo la pagina ;)

Un saludo!
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 05:05.