28221 sujets

CSS et mise en forme, CSS3

Bonjour,

Je désire faire un cadre pour un titre <h1> d'une de mes pages. Je voudrais utiliser une technique semblable à ce qui est présenté ici :
http://www.alsacreations.com/articles/cadre/

Cependant, j'aimerais que les images délimitant le texte, au lieu d'être en bas et en haut, comme dans l'exemple, soit à gauche et à droite.

Voici ce que j'ai fait , mais ça ne fonctionne pas très bien. Connaissez-vous un site qui montre un exemple ? Merci

Steeve

#TitrePage
{
background-image: url(/cc2617v3/Themes/Officiel/Images/title-sidebar.jpg);
background-position: top left;
width: 120px;
height:120px;
background-repeat: no-repeat;
}

#TitrePage h1
{
padding-top: 15px;
height:50px;
margin-left:120px;
width:450px;
background-image: url(/cc2617v3/Themes/Officiel/Images/title_vert.jpg);
background-repeat: repeat-x;
}

#bordure_droite
{
background-image: url(/cc2617v3/Themes/Officiel/Images/title_02.jpg);
background-repeat: no-repeat;
background-position: top right;
float:right;
}