Les listes avec image

Description

Les listes avec image

1. Ajoutez une page à votre portfolio en affichant la directive 26047
   
   
2. Affiche les assistants et
   
   
3. Inscrivez le titre : Les listes avec image
   
   
4. Inscrivez dans le champ section : MODULE CSS
   
   
5. Inscrivez dans le champ matière : Informatique
   
   
6. Inscrivez dans le champ No de la directive : 26047
   
   
7. Inscrivez dans votre page le titre de niveau 1 : Les listes avec image
   
   
8. Ajoutez ensuite dans votre page en utilisant les balises de liste non numérotées la liste de 5 de vos matières scolaires (utilise le bouton LISTE NON NUMÉROTÉE).
   
   
9. Ajoutez au haut de votre page un bloc de code d'une feuille de style en utilisant la boîte à liste déroulante AIDE CSS - FEUILLE DE STYLE + style|style
   
   
10. Ajoutez dans cette feuille de style le sélecteur UL en utilisant la boîte à liste déroulante AIDE CSS - FEUILLE DE STYLE
    
    
11. À partir de ce site: http://www.animatedgif.net/bulletsballs/bulletsballs.shtml , enregistrez et téléchargez une image dans votre espace de téléchargement
    
    
12. Dans cette feuille de style, utilisez la boîte à liste déroulante AIDE CSS - FEUILLE DE STYLE + Définir les propriétés de liste afin de placer votre image de votre choix de petite dimension (30px x 30px) comme "puce" en utilisant la propriété list-style-image.
    
    Affichez au besoin la page http://www.zonecss.fr/style_css/feuille_css_list_style_image.html
    ou
    https://www.w3schools.com/cssref/pr_list-style-image.asp
    et lisez les informations concernant le code css à utiliser pour afficher une image dans une liste
13. Ajoutez ensuite à ce sélecteur, la propriété de marge-gauche (margin-left) afin que l'image soit entièrement visible.
14. Visualisez votre page et apportez des modifications au besoin.