Haut du blog
Exemple N°02
Déplacement du titre et du logo, en les inversant.
Ce qui donne l'occasion de voir l'utilisation des propriétés :
- position : relative
- position : absolute
- top
- bottom
Vous trouverez les explications dans le générateur inclus dans l'article.
CSS personnalisé
.diz-entete {
height: 280px;
position: relative;
}
.diz-entete-image{
position: absolute;
top: 0;
}
.diz-entete-titre{
position: absolute;
bottom: 0;
border-top-style: none;
}
Page exemple
Sur cette page externe, les liens dans les menus "Barres de navigation" et "Menu latéral" sont inactifs.