Título en CSS

[el_tigre]

Hola amigos expertos en el tema, tengo el siguiente código y quisiera meterle la img "Fondomain.jpg" como una especie de cuadro del Título, pero me parece recortada, osea solo me muestra la imagen hasta donde termina el texto

Código HTML:

.node {
  margin-bottom:15px;
  padding-bottom:15px;
}

.node h2.title a {
  color: #333;
  font-weight:normal;
  margin-bottom: 0;  
  width:453px;
  height:23px;
  background-image:url(images/fondomain.jpg);
  
}

.node h2.title a:hover {
  text-decoration: underline;
  border-bottom: 0;
  color: #345;
  
}

Este el código HTML

Código HTML:

 <h2 class="title">
      <a href="mi link">El Rey, el Mendigo y la Limosna</a>
</h2> 

[pzin]

Tendrías que especificar un width a la clase title.

[el_tigre]

Amigo, gracias, específicamente donde hago eso?, ya que creo haber puesto el With y el Heigth de mi imagen

Código HTML:

.node h2.title a {


  width:453px;
  height:23px;
  background-image:url(images/fondomain.jpg);
  
}

[Snd234]

Mm... podrias usar un div como contenedor del fondo y dentro de el poner el titulo.

Ejemplo:

Código HTML:

<div id="cuadroTitulo">
<h2 class="miTitulo">Mi Titulo!<h2>
</div> 

Entonces su CSS seria:

Código HTML:

#cuadroTitulo {
  width:453px;
  height:23px;
  background-image:url(images/fondomain.jpg);
}

[el_tigre]

el problema es que estoy modificando un CMS (drupal) y hacer eso lo que me dices tendría que modificar el Php de todo y en eso estoy nulo.

Acabo de probarlo metiéndolo en el .node, pero me pinta todo mi espacio

Código HTML:

.node {
  margin-bottom:15px;
  padding-bottom:15px;

  width:453px;
  height:23px;
  background-image:url(images/fondomain.jpg);

}

Aca la muestra de como queda

[el_tigre]

Ya lo logré poniendolo dentro de "H2" quizá no sea correcto ya que cambió tmb la imagen de los costados, pero ahora mi duda es como ponerlo negro al centro de los post, lo que estoy tratando de hacer es que quede casi similar a esto