Foros del Web » Creando para Internet » CSS »

Alinear Texto e imagen

Estas en el tema de Alinear Texto e imagen en el foro de CSS en Foros del Web. Buenas.. Llevo un rato peleandome con esto pero no consigo sacarlo como quiero. Estoy poniendo una imagen a la izquierda y un numero a la ...
  #1 (permalink)  
Antiguo 19/07/2010, 08:54
 
Fecha de Ingreso: febrero-2008
Mensajes: 269
Antigüedad: 9 años, 9 meses
Puntos: 5
Pregunta Alinear Texto e imagen

Buenas..

Llevo un rato peleandome con esto pero no consigo sacarlo como quiero. Estoy poniendo una imagen a la izquierda y un numero a la derecha de la imagen. Como es normal, la imagen parece quedar más alta y el numbero queda muy bajo.

La imagen contiene una palabra y el numero normal no sigue la linea de esta y se ve mal. He intentado varias cosas pero no consigo sacarlo como debería. He probado poniendo la imagen el valor "float:left;" pero entonces el numero queda muy arriba y queda aun peor...Tambien le he puesto el valor "display:inline;" y entonces el numero se baja demasiado y queda, de nuevo, aun peor.

Si alguien puede ayudarme a solucionar esto, lo agradeceria (:
  #2 (permalink)  
Antiguo 19/07/2010, 10:24
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Alinear Texto e imagen

Hola.. no siempre basta con explicar.. tienes q reproducir tu error y poner el codigo q usas...

Saludos
  #3 (permalink)  
Antiguo 19/07/2010, 10:40
 
Fecha de Ingreso: febrero-2008
Mensajes: 269
Antigüedad: 9 años, 9 meses
Puntos: 5
Respuesta: Alinear Texto e imagen

Cita:
Iniciado por TheDark03 Ver Mensaje
Hola.. no siempre basta con explicar.. tienes q reproducir tu error y poner el codigo q usas...

Saludos
He puesto los dos codigos que he usado y no funcionan...Lo que quiero es que la imagen y el texto quede alineado verticalmente uno al lado del otro en linea...El codigo que uso lo he puesto, los dos que he usado vamos y no se como reproducir mi error xD
  #4 (permalink)  
Antiguo 19/07/2010, 10:45
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Alinear Texto e imagen

jajaja me refiero a que pongas tu css para verlo y tmb tu html q involucre a tu problema... para poder ayudarte mejor

espero tu code o la url de tu pagina

Saludos
  #5 (permalink)  
Antiguo 19/07/2010, 11:07
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Alinear Texto e imagen

no se si deseas esto pero eso llegue a enteder de tu explicacion.. pero esto no es ayuda es ir a ciegas...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>
<style>
.container{float:left;min-width:200px;;min-height:100px;border:1px solid #FF0000;}
.imagen{float:left;border:1px solid #000000;}
.texto{float:left;font-family:"Arial";font-size:50px;margin-top:20px;}
.
</style>
<body>
<div class="container">
<div class="imagen"><img src="calendario.png" /></div>
<div class="texto">19/07/2010</div>
</div>
</body>
</html>



pruebalo derepente te funke y te ayude

Saludos
  #6 (permalink)  
Antiguo 19/07/2010, 11:37
 
Fecha de Ingreso: julio-2010
Ubicación: Morelia
Mensajes: 3
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: Alinear Texto e imagen

lo que te recomiendo es no husar tu CSS dentro de la misma pagina y lo hagas REFerencia a tu pagina web -> <link rel="stylesheet" type="text/css" href="css/estilo.css" />

Mi idea es la siguiente crear dos divs

.divA{ /* Poner del mismo tamaño de la imagen */
float:left;
width:XXXpx;
height:XXXpx;
}

.divB{ /* Manejar Margins Top y Left hasta quedar exactamente como lo quieres */
float:left;
width:XXXpx;
height:100%;
font-family:Arial;
font-size:50px;
marging-top:20px;
}

Para todo esto te recomiendo te bajes el Firebug de Firefox, te ayudara demasiado para poder manejar tu CSS y modificarlo en tiempo real. Saludos y suerte
  #7 (permalink)  
Antiguo 19/07/2010, 11:43
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Alinear Texto e imagen

jajajajaj gracias por el consejo XD! pero eso lo hice en 1 minuto de relajo...
noob

Saludoz
  #8 (permalink)  
Antiguo 19/07/2010, 15:35
 
Fecha de Ingreso: febrero-2008
Mensajes: 269
Antigüedad: 9 años, 9 meses
Puntos: 5
Respuesta: Alinear Texto e imagen

Cita:
Iniciado por TheDark03 Ver Mensaje
jajaja me refiero a que pongas tu css para verlo y tmb tu html q involucre a tu problema... para poder ayudarte mejor

espero tu code o la url de tu pagina

Saludos
A ver...pero si he dicho que no tengo css porque los dos codigos que he usado (y que he puesto en el primer post...) no funcionaban como queria, que css quieres que ponga? No tenia css...

Igualmente gracias a los dos. Solo me faltaba ponerle float tambien a la parte del texto y con el margin top lo coloque :P

Etiquetas: alinear
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 14:00.