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;
}
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;
}