Rechercher : dans
Par :

Balise <li>

Dernière réponse le 5 avr 2007 à 01:54:18 hfli, le 6 mar 2007 à 16:09:34 
 Signaler ce message aux modérateurs

Bonjour,

j'ai créé une liste :

<ul type="none">
<li > ..</li>
<li > .. </li>
</ul>

Je ne veux pas voir les puces, on mettant type="none" on ne les voit pas avec firefox sauf qu'avec internet explorer on les voit !
avez-vous une solution ?

d'avance merci

Configuration: Windows XP
Firefox 2.0.0.2

Meilleures réponses pour « balise
  •  » dans :
    Les balises HTML Voir HTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
    Les balises de style Voir Qu'est-ce qu'une balise de style? Les balises de style modifient la typographie du texte. Elles peuvent être imbriquées dans d'autres balises de style de la même façon qu'on le ferait avec un traitement de texte. Voici une liste de balises de...
    Les balises dans la partie 'head' VoirAvant tout : rappel sur le doctype La partie head Balises meta Mots clés Description Déclaration de la langue du site Catégorie Auteur Restrictions pour les moteurs de recherche Adresse de la page Logiciels utilisés pour la...
    [Site web] Vérifier, optimiser et nettoyer son code HTML VoirLes logiciels WYSIWYG de création de pages web produisent parfois du contenu HTML rempli de balises HTML inutiles, voire incompatibles avec les recommandations du W3C. Les outils proposés ci-dessous permettent de vérifier la validité du code HTML...
    Les balises de structure VoirLes balises peuvent être réparties en 2 classes : celles qui modifient la structure de la page et celles qui modifient le style du texte. Parmi les balises de structure on trouve les en-têtes, les paragraphes, les listes ... Les attributs Les...
    Introduction à XML VoirPrésentation de XML XML (entendez eXtensible Markup Language et traduisez Langage à balises étendu, ou Langage à balises extensible) est en quelque sorte un langage HTML amélioré permettant de définir de nouvelles balises. Il s'agit effectivement...
    Les liens hypertextes VoirPrésentation des ancrages Les liens hypertextes (ancrages) sont des éléments d'une page HTML (soulignés lorsqu'il s'agit de texte) permettant aux internautes de naviguer vers une nouvelle adresse lorsque l'on clique dessus. Ce sont les liens...
  • 1

    Gihef, le 6 mar 2007 à 16:16:21

    Bonjour,

    Ta manière de faire est déconseillée.
    Essaye la propriété en CSS :

    <ul style="list-style-type : none;">
      …
    </ul>
     

    Répondre à Gihef

    2

    hfli, le 6 mar 2007 à 17:26:54

    Merci beaucoup.

    autre question : Comment gérer l'espacement entre les lignes de la liste ?

    @+

    Répondre à hfli

    3

    Gihef, le 6 mar 2007 à 19:32:39

    Ça dépend.

    Où est placée cette liste ?
    Dans la cellule d'un tableau ?
    Dans une <div> qui reçoit un menu ?
    Ailleurs ?
     

    Répondre à Gihef

    4

    hfli, le 6 mar 2007 à 21:15:43

    La liste est placée dans une div

    Répondre à hfli

    5

    Gihef, le 6 mar 2007 à 21:57:36

    Différentes possibilités s'offrent au webmestre.

    Tu peux ajouter un style à chaque <li>.

    <li style="margin : 2px 0;">
    Fais varier les “2px” pour tester.
    Il faudra le faire dans chacune des pages qui accueilleront cette liste.

    Si cette liste se retrouve dans plusieurs pages, il est préférable de faire plus simple à gérer. Je te propose alors de t'y prendre comme ça.

    Peut-être as-tu déjà une feuille de styles quelque part ?
    Si tu n'en as pas, il va te falloir en créer une. Ça va nous faciliter les choses.

    Crée un nouveau document texte (avec le Bloc-notes par exemple) et enregistre-le dans le dossier qui contient tes pages sous un nom qui te plaira mais avec l'extension “.css”. Dans cet exemple, il s'appelle “styles.css”.

    Je suppose qu'il s'agit d'un menu (tu es un peu chiche dans les infos que tu donnes) qui contient des liens.
    Dans ce fichier, écris :
        #menu_gauche {
            width : 200px;
            }
        #menu_gauche ul {
            list-style-type : none;
            }
        #menu_gauche li {
            padding : 0 10px;
            margin : 2px 0;
            background-color : #66f;
            }
        #menu_gauche li a {
            text-decoration : none;
            color : #fff;
            }
        #menu_gauche li a:hover {
            color : #00ff7f;
            }
    

    Ensuite, arrange ton fichier .html
        <div id="menu_gauche">    /*<--------  c'est ta div */
          <ul>     /*<--------  le précédent “style="…"” a été effacé */
            <li><a href="#">Lien n° 1</a></li>
            <li><a href="#">Lien n° 2</a></li>
            <li><a href="#">Lien n° 3</a></li>
          </ul>
        </div>
    
    Ensuite, ajoute dans l'en-tête, entre <head> et </head>
    <link rel="stylesheet" type="text/css" href="styles.css"></link>
    À adapter. Voilà de quoi tester.
     

    Répondre à Gihef

    6

    constance, le 4 avr 2007 à 10:04:39

    <ul style="list-style-type : none;">

    </ul>
    me fait l'effet inverse perso....
    sous ie j'ai une puce en plus qui a apparu

    Répondre à constance

    7

    constance, le 4 avr 2007 à 10:08:23
    • +1

    Ah non, j'ai rien dit j'avais oublié un ";" erreur classique.
    Parcontre j'aimerai aligner mes <li> tout à gauche
    une idée?

    Répondre à constance

    8

    constance, le 4 avr 2007 à 10:28:39
    • +1

    Je m'explique pour ces gentlemen qui souhaiteraient m'aider...
    quand on crée une liste <ul> <li> naturellement les <li> se décalent a droite.
    grâce à <ul style="list-style-type : none;">

    </ul>
    je fais disparaitre la puce des <ul> mais mes <li> reste décalé vers la droite.
    Avec un style="margin-left: -85px;" sous firefox j'obtiens l'effet désiré, mais rien a faire IE n'en veux pas.
    Je suis ouverte à toute idée

    Répondre à constance

    9

     Gihef, le 5 avr 2007 à 01:54:18

    “hfli” et “constance”, c'est la même personne ?
    C'est fort possible parce qu'elle est toujours aussi… parcimonieuse, condensée.


    + Le bouton [Code] sert à présenter le code qu'on donne en exemple :

    “je m'explique pour ces gentlemen qui souhaiteraient m'aider...

    quand on crée une liste <ul> <li> naturellement les <li> se décalent a droite.
    grâce à

    <ul style="list-style-type : none;"> 
    … 
    </ul> 
    je fais disparaitre la puce des <ul> mais mes <li> reste décalé vers la droite.

    Avec un style="margin-left: -85px;" sous firefox j'obtiens l'effet désiré, mais rien a faire IE n'en veux pas.

    Je suis ouverte à toute idée”
     

    Répondre à Gihef
    Collection CommentÇaMarche.net