Cita:
Iniciado por Le0 Si, la verdad es que así se posiciona bien, pero al estar todo en un div pierdo el efecto del borde (de ahí que este utilizando dos), eso en conjunto no consigo hacerlo.
Pues añádelo a h1 (el borde, digo)
Mira a ver si con este código no consigues lo mismo que en el enlace que publicaste:
fedmurcianamz.freehostia.com/titulo.html
excepto un pequeño ajuste del padding del h1
Código html:
Ver originalh1{
background-image: url("titulo_files/Titulo.png");
background-repeat:repeat-x;
color:#e6e6e7;
padding:4px 4px 4px 50px;
font-size:18px;
margin:0px auto 0px auto;
text-align:center;
line-height:normal;
border:2px solid #0F3567
}
#con_imagen{
width: 550px;
height: 90px;
border: #ffffff solid 1px;
margin: 50px 75px 0 75px;
position: relative;
}
.sobre {
float:left;
margin-top:-60px;
}
<h1>Titulo Principal Con Imagen
</h1> <img class="sobre" src="titulo_files/libro.png" alt="Sumario"/>