Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1877 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Une liste sans puce!!!

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Une liste sans puce!!!

n°1503967
Black_Knig​ht
Posté le 17-01-2007 à 04:38:37  profilanswer
 

Bonjour
 
j'ai un problème TRÈS gènant, mais probablement incroyablement simple à résoudre (je cherche et recherche, mais ne trouve rien.....). j'ai des listes sur mon site web, mais je ne suis pas capable de faire afficher les puces, peu importe ce que j'essai. ce doit être une contradiction dans mes fichiers css (définitivement, car le fichier xhtml seul affiche bien les puces), mais je ne peux la trouver..... alors si vous trouver où se situe le problème, merci de m'en faire part.  
 
Pendant que l'on y est, il y a aussi le site qui "bouge" lorsque je navigue entre l'accueil et les autre pages.
 
http://www.auxsaveursdelasaison.co [...] oduits.php

mood
Publicité
Posté le 17-01-2007 à 04:38:37  profilanswer
 

n°1503975
olivthill
Posté le 17-01-2007 à 08:14:07  profilanswer
 

Les puces sont liées aux list items (balise <li> ) des unordered lists (balise <ul> ) et des ordered lists (balise <ol> )
 
L'affichage peut -être personalisé par les styles CSS suivants :
 
list-style-type:none;
list-style-type:circle;
etc.
On peut aussi avoir square, disc, upper-alpha, lower-alpha, upper-roman, lower-roman, decimal.
On peut aussi avoir des images :
list-style-image: url("listArrow.gif" );
 
Pour le site qui "bouge", il faudrait une description plus précise du problème.

n°1503985
Black_Knig​ht
Posté le 17-01-2007 à 08:35:02  profilanswer
 

olivthill a écrit :

Les puces sont liées aux list items (balise <li> ) des unordered lists (balise <ul> ) et des ordered lists (balise <ol> )
 
L'affichage peut -être personalisé par les styles CSS suivants :
 
list-style-type:none;
list-style-type:circle;
etc.
On peut aussi avoir square, disc, upper-alpha, lower-alpha, upper-roman, lower-roman, decimal.
On peut aussi avoir des images :
list-style-image: url("listArrow.gif" );
 
Pour le site qui "bouge", il faudrait une description plus précise du problème.


 
désolé, j'étais un peu fatigué quand j'ai écris ça...
 
alors voilà: lors d'un changement de page entre la page d'accueil (séléctionnable avec le menu) et une des autre page qui fonctionne, tout le site (bref, ma balise "container" ) « bouge » de quelques pixels (au moins une dizaine). c'est relativement gênant. à noter que le problème est présent sous firefox et NON sous IE 6...... allez savoir.
 
EDIT: en fait, la page "Nous Contacter" et l'accueil sont pareilles, alors que les deux pages du menu "marché" le sont également entre elles. je ne comprends pas. elles utilisent tout les même feuilles css, etc...
 
pour les listes, je conaissais ces propriétés, mais il me semble (je vais réessayer un peu plus tard pour être certain) qu'elles n'ont aucune effet. c'est un peu ça le problème.


Message édité par Black_Knight le 17-01-2007 à 08:37:47
n°1504321
Black_Knig​ht
Posté le 17-01-2007 à 18:09:53  profilanswer
 

Bon alors voila:
 
j'ai essayer le list-style-type en l'intégrant directement dans la balise <ol> ce qui devrait, selon moi (corrigez moi si c'est faux) lui donner priorité sur toute autre style que j'aurais pu donner dans ma stylesheet. Le problème, le voila: ça ne fonctionne pas!!!!! Voici le code:
 

Code :
  1. <ol style="list-style-type: lower-alpha;">
  2.   <li>hehe</li>
  3.   <li>hehe2</li>
  4.   <li>hehe3</li>
  5.   <li>hehe4</li>
  6. </ol>


 
et voyez ce que j'obtient... (sous le menu du site que j'ai donner en premier post).

n°1504375
olivthill
Posté le 17-01-2007 à 20:21:31  profilanswer
 

Serait-il possible de nous montrer ici le style employé pour les list item ?
En effet le style ne s'applique pas seulement à la balise <ol>, mais peut aussi s'appliquer à la balise <li>.
Voici un petit exemple, qui montre que le style des <li> prime sur celui des <ol> :

<html>
<body>
<ol style="list-style-type: lower-alpha;">
  <li>hehe</li>
  <li style="list-style-type:upper-alpha;">hehe2</li>
  <li style="list-style-type:none;">hehe3</li>
  <li style="list-style-type:square;">hehe4</li>
</ol>
</body>
</html>

n°1504389
Black_Knig​ht
Posté le 17-01-2007 à 20:57:40  profilanswer
 

alors ça c'est bizarre. il semble que des propriétés affectés uniquement à l'intérieur de la balise "menu" sortent du contenant et affectent d'autres parties de la page... mon code css est surement mauvais, mais je vois pas... alors voici le code fautif (quand je l'enlève, les listes sont correctes, mais le menu s'en trouve défiguré.):
 

Citation :

#menu dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


 
#menu étant le id de la liste principale du menu.

n°1504390
-ThX-
Not here anymore
Posté le 17-01-2007 à 21:00:34  profilanswer
 

Black_Knight a écrit :

alors ça c'est bizarre. il semble que des propriétés affectés uniquement à l'intérieur de la balise "menu" sortent du contenant et affectent d'autres parties de la page... mon code css est surement mauvais, mais je vois pas... alors voici le code fautif (quand je l'enlève, les listes sont correctes, mais le menu s'en trouve défiguré.):
 

Citation :

#menu dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


 
#menu étant le id de la liste principale du menu.


 

Code :
  1. #menu dl, #menu dt, #menu dd, #menu ul, #menu li {
  2. margin: 0;
  3. padding: 0;
  4. list-style-type: none;
  5. }


 
[:aloy]

n°1504391
Black_Knig​ht
Posté le 17-01-2007 à 21:08:54  profilanswer
 

ahhhhh!
 
si simple...
 
merci!


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Une liste sans puce!!!

 

Sujets relatifs
[VBA Access]suppression d'une donnée selectionné dans une liste boxACCESS : Ajouter une valeur au début d'une liste déroulante
2 liste qui changent d'infos entre ellesRequete min sur une liste
[C#] Liste d'imagesliste méthodes objet JS
liste double chainee et paquetage generiqueAffichage de puce sur IE
Affichage puce dans une liste 
Plus de sujets relatifs à : Une liste sans puce!!!


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR