¿Boton con título, subtítulo e imagen?

Hola de nuevo a todos.

Estoy intentando crear una serie de botones(anchos) html que tengan cada uno un título(en negrita), un subtítulo(normal) y una imagen.

¿Es esto posible en un botón?

Gracias de antemano ;)

Un saludo.

Hola:

No sé si se pueda hacer con un botón, pero puedes hacerlo con un div. Por ejemplo:

<div class="button">
  <h1>Título</h1>
  <h2>Sub-título</h2>
  <img src="imagen.algo" title="..." alt="..." />
</div>
<style>
  .button { estilos }
  .button:hover { estilos al pasar el mouse }
</style>
<script type="text/javascript">
  // Con jQuery
  jQuery(document).ready(function($) {
    $('button').click(function(e) {
      if($(this).parent().nodeName == 'form') {
        $(this).parent().submit();
      } else {
        // Haces otra cosa...
      }
    });
  });
</script>

Dependerá de lo que quieres hacer. Si quieres un enlace, entonces también sirve esto:

<a href="..."><h1>Título</h1><h2>sub título</h2><img src="..." /></a>

Hola skaparate, muchas gracias por contestar.
Lo he hecho con divs al final pero el hover no me funciona (lo demás sí).

He probado en vez de hover a hacer esto en el jquery (para cambiar el color del fondo cuando pongo el ratón encima) y me funciona:

$('.buttonChatGroup').live("mouseover", function(){
    var color  = $(this).css("background-color");

    $(this).css("background-color", "#f2f2f2");
        $(this).bind("mouseout", function(){
            $(this).css("background-color", color);
        })    
}); 

Gracias por todo skaparate.
Un saludo