Dans la conception de Web, vous utilisez la liste à puces - "
- " - Tag pour créer des listes à puces. Par défaut, les navigateurs listes tiret à la fois par les déplaçant vers la droite, et en plaçant l`espace vide au-dessus et ci-dessous pour les mettre en valeur. Vous pouvez supprimer ces retraits à l`aide d`une feuille de style en cascade, ou CSS, pour modifier les propriétés de marge pour la liste tag unordered, mais vous devez faire deux fois pour tenir compte des différences entre Internet Explorer et Firefox. Utilisez une marge fixe mesurée en pixels pour obtenir des mesures les plus précises.
Ouvrez votre fichier CSS. Placez votre curseur sur une nouvelle ligne à la fin du fichier. Tapez la commande suivante pour supprimer les tirets dans une liste à puces:
ul {
margin: 0px 0px 0px 0px;}
Ceci alignera verticalement le texte ci-dessus ou au-dessous une liste non ordonnée avec le texte dans la liste. Les points de balle seront toujours placés à la gauche de la liste des éléments, mais le tiret aura disparu. Cependant, cela ne fonctionne qu`avec Internet Explorer. Firefox va utiliser ces ajustements, mais ils ne suppriment pas complètement les tirets dans une liste.
Tapez la commande suivante pour supprimer les tirets dans Firefox:
htmlgt; ul du corps {
margin: 0px 0px -15px -40px;}
Assurez-vous que vous entrez dans ce sous le premier "ul" définition. Internet Explorer ignore celui-ci à cause de la "htmlgt; corps" introduction, mais Firefox ne sera pas. Les premier et quatrième chiffres que vous fournissent enlever le haut et à gauche en retrait de la liste, en alignant le texte avec le reste de la page, de façon similaire à Internet Explorer.
Enregistrez votre fichier CSS et le télécharger sur votre serveur. Testez votre page Web en utilisant Internet Explorer et Firefox. Vous devrez peut-être ajuster les numéros dans le fichier CSS légèrement, selon ce que la famille et la taille de police que vous utilisez sur votre page Web.
Conseils & Avertissements
- Lors de la définition des marges dans un fichier CSS, les nombres définissent chaque marge dans le sens horaire: haut, à droite, en bas et à gauche. Cependant, vous ne devez pas utiliser quatre chiffres à chaque fois si les marges sont tous les mêmes. Par exemple, "margin: 0px;" fera tous les quatre marges zéro pixels. Alternativement, "margin: 10px, 5px;" fixera les marges supérieure et inférieure à 10 pixels et la gauche et droit à cinq pixels.
