Haut du blog
Exemple N°06
Suite de l'exemple précédent N°5, en employant la propriété "bottom", dans la règle "header h1", je positionne le titre où je veux par rapport au bas du bloc parent.
CSS personnalisé
.diz-entete {
height: 200px;
position: relative;
}
.diz-entete-image{
height: 200px;
}
.diz-entete-titre{
background-image: url('http://static.blog4ever.com/2012/06/704535/Titre-TexteImage_trans_3678250.png');
position: absolute;
width: 960px;
bottom: 0;
left: 0;
border-top-style: none;
z-index: 20;
}
#titre_lien {
visibility: hidden;
}
Page exemple
Sur cette page externe, les liens dans les menus "Barres de navigation" et "Menu latéral" sont inactifs.