Nvu pour les novices
(cette documentation s'adresse aux débutants)
Fichier à charger avec Nvu: Nvu-pas-a-pas-05.html
Ce tutoriel est fait pour être utilisé avec Nvu ("public licence" donc gratuit) et les fichiers html qui le composent. Tout est Ici
Table des matières
Avec la souris placer le curseur sous la colonne de navigation..
Puis insérez un conteneur générique comme précédemment.
Ce sera le conteneur générique du 'pied de page".
Pour visualiser les conteneurs génériques
Placez le curseur dans le conteneur qui vient d'être créé.
Puis insérez un conteneur générique comme précédemment.
Ce sera le conteneur générique du 'pied de page".
Pour visualiser les conteneurs génériques
Placez le curseur dans le conteneur qui vient d'être créé.
Comme précédemment
Sélectionnez en "Propriétés avancées".
Placez la souris sur <div> puis click sur le bouton droit de la souris.
Sélectionnez attribut id
Ecrire à valeur: Pied-de-page
Placez la souris sur <div> puis click sur le bouton droit de la souris.
Sélectionnez attribut id
Ecrire à valeur: Pied-de-page
Puis Editeur CSS
Sélectionnez "Feuille de style interne", sinon le bouton "règle" n'est pas actif.
Créer une nouvelle règle "style appliqué à tous les éléments d'un type" comme précédemment.
et écrivez: #Contenu
Sélectionnez l'onglet "Boite"
Mettez Dégagement: Les deux
Ce qui permettra au pied de page de descendre avec la colonne de navigation et le Contenu.
Important
Marges Haut: -1px
Sélectionnez "Feuille de style interne", sinon le bouton "règle" n'est pas actif.
Créer une nouvelle règle "style appliqué à tous les éléments d'un type" comme précédemment.
et écrivez: #Contenu
Sélectionnez l'onglet "Boite"
Mettez Dégagement: Les deux
Ce qui permettra au pied de page de descendre avec la colonne de navigation et le Contenu.
Important
Marges Haut: -1px
Sinon le pied de page ne suivra pas convenablement la "colonne de navigation" et le "Contenu".
Puis comme précédemment
Sélectionnez l'onglet "Bordure".
Définir une bordure
Bien entendu il sera possible de la modifier ensuite.
Sélectionnez l'onglet "Fond"
Définir une couleur
Bien entendu il sera possible de la modifier ensuite.
Définir une bordure
Bien entendu il sera possible de la modifier ensuite.
Sélectionnez l'onglet "Fond"
Définir une couleur
Bien entendu il sera possible de la modifier ensuite.
Ecrire pour mémoire "Pied de page" à l'intérieur de la balise div.
Placez le curseur dans la colonne de navigation
puis faites environ 12 retours chariot "Return, Entrée".
On peut constater que le pied de page descend avec la "colonne de navigation" ou le "Contenu".
Placez le curseur dans la colonne de navigation
puis faites environ 12 retours chariot "Return, Entrée".
On peut constater que le pied de page descend avec la "colonne de navigation" ou le "Contenu".
Pour que les liens soient centrés à l'intérieur de la colonne de navigation, insérez un conteneur générique.
Puis "Propriétés avancées" du conteneur
Sélectionnez id
Valeur: LigColNav
Puis Edition CSS
Créer une nouvelle règle "#LigColNav"
Sélectionnez l'onglet boite
Marges
Gauche: 10px
Droite: 10px
Puis "Propriétés avancées" du conteneur
Sélectionnez id
Valeur: LigColNav
Puis Edition CSS
Créer une nouvelle règle "#LigColNav"
Sélectionnez l'onglet boite
Marges
Gauche: 10px
Droite: 10px
Précédente Suivante