Exercice 3 : Déplacement des boites «breves» et «sur le web» sous «rubriques»
Afin de se simplifier la vie, nous utilisons l’extension Firefox Firebug pour détecter chaque portion du squelette
Etape 1 : identifier la DIV qui correspond à la boite contenant les rubriques
- On sélectionne le texte “Rubrique” > clic droit > “Inspect Element”
- On observe que le titre H2 est contenu dans une DIV “menu_rubriques” elle même contenue dans une DIV “navigation”
- On fait la correspondance de ces éléments avec le code présent dans sommaire.html
Etape 2 : identifier la(les) DIV qui correspond(ent) à la boite contenant les brêves et sur le web
- On sélectionne le texte “Breves” > clic droit > “Inspect Element”
- On observe que le titre H2 est contenu dans une DIV “breves” elle même contenue dans une DIV “encart”
- On effectue la même manipulation sur “Sur le web” et on observe que cette dernière est également dans la DIV “encart”
On peut donc déplacer l’ensemble de la DIV “encart” dans la DIV “navigation”
On sélectionne donc le contenu de la DIV “encart” (de
<div class="encart">
à</div>``<!-- fin encart -->
inclut)On le coupe et on colle ceci juste en dessous de
<INCLURE{fond=inc-rubriques}>