Foros del Web » Diseño de Sitios web » CSS »

imagen y texto centrados verticalmente

Estas en el tema de imagen y texto centrados verticalmente en el foro de CSS en Foros del Web. Hola, estoy tratando de poner una imagen y un texto juntos a modo pero no consigo lo que deseo. He mirado otros ejemplo, algunos de ...
  #1 (permalink)  
Antiguo 04/02/2012, 11:15
 
Fecha de Ingreso: septiembre-2010
Mensajes: 6
imagen y texto centrados verticalmente

Hola,

estoy tratando de poner una imagen y un texto juntos a modo pero no consigo lo que deseo. He mirado otros ejemplo, algunos de esta misma web pero....nada. El problema es que el texto se situa en la parte inferior de la "caja", pero pretendo que quede alineado verticalmente para que quede en el centro.

el trozo del HTML es este:

Código:
<div class="solution" ><h2><a href="#" > Coche<img src="/aaa/img/car40b.png" alt="coche"></img></a></h2></div><br/>
y solution en el .css es esto:

Código:
.solution{
vertical-align: middle;
  }
Alguna idea/error?

gracias
  #2 (permalink)  
Antiguo 04/02/2012, 12:50
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: Castelar
Mensajes: 4.703
Respuesta: imagen y texto centrados verticalmente

la clase solution se la tenés que dar a la imagen, no al div
Además el tag img no tiene una eqtiqueta de cierre

<img></img> --> mal
<img /> --> bien

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Última edición por emprear; 04/02/2012 a las 12:57
  #3 (permalink)  
Antiguo 04/02/2012, 13:21
 
Fecha de Ingreso: noviembre-2009
Mensajes: 845
Respuesta: imagen y texto centrados verticalmente

Puedes ponernos un ejemplo grafico?

Un saludo :)
  #4 (permalink)  
Antiguo 05/02/2012, 08:26
 
Fecha de Ingreso: diciembre-2010
Mensajes: 119
Respuesta: imagen y texto centrados verticalmente

Si mal no entendí tenés que hacer lo siguiente:

<img src="/aaa/img/car40b.png" alt="coche" class="solution">

Probá eso :)

Saludos
__________________
JM-WEBDESIGN | Diseño de páginas web a pedido.
JMWEBDESIGN@HOTMAIL.COM.AR
HTTP://WWW.JM-WEBDESIGN.COM.AR
  #5 (permalink)  
Antiguo 05/02/2012, 09:28
 
Fecha de Ingreso: septiembre-2010
Mensajes: 6
Respuesta: imagen y texto centrados verticalmente

Cita:
Iniciado por emprear Ver Mensaje
la clase solution se la tenés que dar a la imagen, no al div
Además el tag img no tiene una eqtiqueta de cierre

<img></img> --> mal
<img /> --> bien

Saludos

En efecto, corregido. Gracias también por la corrección del img
¿Nuevo en el foro? Regístrate



La zona horaria es GMT -6. Ahora son las 05:44.
SEO by vBSEO 3.3.2