Une liste sans puce!!!

Une liste sans puce!!! - HTML/CSS - Programmation

Marsh Posté le 17-01-2007 à 04:38:37    

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

Reply

Marsh Posté le 17-01-2007 à 04:38:37   

Reply

Marsh Posté le 17-01-2007 à 08:14:07    

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.

Reply

Marsh Posté le 17-01-2007 à 08:35:02    

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
Reply

Marsh Posté le 17-01-2007 à 18:09:53    

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).

Reply

Marsh Posté le 17-01-2007 à 20:21:31    

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>

Reply

Marsh Posté le 17-01-2007 à 20:57:40    

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.

Reply

Marsh Posté le 17-01-2007 à 21:00:34    

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]

Reply

Marsh Posté le 17-01-2007 à 21:08:54    

ahhhhh!
 
si simple...
 
merci!

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed