Bonjour tout le monde,
 
comme vous pouvez le voir ci-dessous, j'ai 2 ul qui prennent l'id "sous-li" (en fait c'est pour les li) et ça c'pas bien.
 
HTML :
 <ul>
  <li>Belgique, Bruxelles :</li>
   <ul id="sous_li">
    <li>Bruxelles,</li>
    <li>Grand Place,</li>
    <li>Serres royales de Laeken,</li>
    <li>Jardin botanique.</li>
   </ul>
  <li>Belgique, côte belge.</li>
  <li>France : Lyon.</li>
  <li>France, Charente Maritime :</li>
   <ul id="sous_li">
    <li>Plage et forêt de la Coubre,</li>
    <li><a href="charente_maritime/brouage_00.php">Brouage [GV]</a>,</li>
    <li>Carrelets,</li>
    <li>Autres.</li>
   </ul>
  <li>France : Toulouse.</li>
  <li>France : Calanques...</li>
  <li><a href="flore/index.php">Flore</a>.</li>
  <li><a href="yeux/index.php">Yeux</a>.</li>
  <li>Divers.</li>
 </ul>
 
CSS :
#sous_li li
 {
 background: none;
 padding-left: 10px;
 font-size: 1.2em;
 padding-top: 0px;
 padding-bottom: 0px;
 }
 
Donc en fait c'est pour que mes li à l'intérieur de ces 2 ul héritent de la classe ci-dessus (et donc pour éviter encore plus de répétition du même id sur chaque li).
 
Pourriez-me dire s'il est possible d'éviter cette répétition ?
 
Merci.

utilise une classe :
<ul class="sous-li">

Pourquoi t'en utilises pas une, de classe?

Merci, je voulais savoir s'il était possible d'éviter les classes, j'ai tout fait avec des id pour l'instant... mais si pas l'choix, pas l'choix.
 
Sinks.

pourquoi tu veux les éviter ?

Je n'sais pas, j'trouvais ça plus "classe" les id
 
Mais merci, je vais donc les utiliser.

ça sert pas à la même chose :
un id est là pour nommer une partie de façon unique
une classe est là pour montrer l'appartenance à un groupe avec les mêmes caractéristiques.

ben les id pour définir un élément à occurence unique dans la page, les classes pour des éléments pouvant être présent plusieurs fois.
 
Donc faut utiliser les id ou les classes quand il faut point.

C'est pas une question de "choix" ou de "classe", c'est une question d'utiliser les bons outils pour les bons boulots
 
Tu ne plantes pas tes clous avec un tournevis, si? ben là c'est pareil

ok, ok je les utilise (.sous_li).
 
Sinks everibaudi.

Je vais vous embêter encore un peu, les ul à l'intérieur de li (pas le contraire), c'est non-conforme ?
J'ai l'impression que http://validator.w3.org/ n'aime pas ça :
Line 63, column 6: document type does not allow element "UL" here; assuming missing "LI" start-tag
 
Line 72, column 6: document type does not allow element "UL" here; assuming missing "LI" start-tag

Ton ul est une liste qui est élément de la liste mère.
 
Donc ton <ul> doit etre dans un <li>
 
Edit : comme la : http://www.pompage.net/pompe/deroulants/

Merci plainsofpain, c'est nickel, avec les class et les li comme il faut :
 
<ul>
  <li>Belgique, Bruxelles :
   <ul>
    <li class="sous_li">Bruxelles,</li>
    <li class="sous_li">Grand Place,</li>
    <li class="sous_li">Serres royales de Laeken,</li>
    <li class="sous_li">Jardin botanique.</li>
   </ul>
  </li>
  <li>Belgique, côte belge.</li>
  <li>France : Lyon.</li>
  <li>France, Charente Maritime :
   <ul>
    <li class="sous_li">Plage et forêt de la Coubre,</li>
    <li class="sous_li"><a href="charente_maritime/brouage_00.php">Brouage [GV]</a>,</li>
    <li class="sous_li">Carrelets,</li>
    <li class="sous_li">Autres.</li>
   </ul>
  </li>
  <li>France : Toulouse.</li>
  <li>France : Calanques...</li>
  <li><a href="flore/index.php">Flore</a>.</li>
  <li><a href="yeux/index.php">Yeux</a>.</li>
  <li>Divers.</li>
 </ul>

par contre les classes...
 
1- Donnes un nom utile, "sous-li" ça veut strictement rien dire
2- Donnes une classe au "ul" parent, pas à chaque "li", ça permet de simplifier lourdement le markup et de réduire sa taille

Je vais regarder mais je crois que je ne peux pas parce que pour mes sous_li j'ai un "background: none;" (les li "normales" ont une image de fond, en fait un GIF 7x7 2 couleurs pour faire une "bullet" plus jolie).
Mais je regarde qd-même.

Et alors?  
 
Faut utiliser l'héritage gamin

Merci m'sieur, nickel, c'est la bonne ce coup là.

Poste le code, qu'on puisse encore te taper dessus

C'est parti :
 
HTML:
 

Doctype strict mieux, pas de raison de laisser le transitional
 
le head est pas indenté, il est puni?

inutile

Les <em> sont mal utilisés. Ici tu ne mets pas l'accent sur quelque chose, tu cites des noms. <cite> serait probablement plus approprié

toujours inutile

nommage non significatif:  

• Eviter les données de présentation dans le markup (colonne n'est qu'une manière d'afficher la chose)
• Quand tu reprendras ce site dans quelques mois, te souviendras tu du sens sémantique et logique de ces zones?

mauvais nommage, non informatif, non sémantique, inutile

 
 
vala vala

on a le droit de fermer un li en html ? il me semblait que c'était juste en xhtml

je corrige tout ça, par contre, pour sauter une ligne dans du texte, <br> ça ne va pas ? <p>&nbsp;</p> ?

genre <li></li>?
 
Bien sûr qu'on a le droit  
 
La différence c'est qu'en XHTML, dans la mesure où c'est du XML, on est obligé de le faire.
 
En HTML tu peux ne pas le fermer, et le navigateur va essayer de le fermer à ta place, mais ça peut mener à des trucs bizarres et le gain n'est pas bien grand. Autant fermer tous les éléments non vides (éléments vides = éléments n'ayant pas d'enfants, les <meta> et les <link> sont des éléments vides par exemple).
 
En HTML
Elements non vides => Mieux vaut les fermer (<elm>blabla</elm> ), peuvent ne pas être fermés le navigateur doit les fermer lui même
Elements vides => ne pas les fermer (<elm> )
 
En XHTML
Elements non vides => Doivent être fermés (<elm>blabla</elm> )
Elements vides => Doivent également être fermés (<elm/> )
Pour les éléments vides en XHTML, on laisse habituellement un espace avant la fermeture (<elm /> ): ce n'est pas incompatibles avec la norme XML et ça permet aux navigateurs ne comprenant pas le XML/XHTML de les reconnaître comme des balises HTML classique (c'est un hack/bug issu des propriétés des éléments SGML, les navigateurs HTML étant des parsers SGML)
 
Attention, cas particulier pour la balise <script>: elle est définie uniquement comme un élément non vide, donc on doit utiliser <script type="text/javascript" src="blabla"></script> et non pas <script type="text/javascript" src="blabla"> (HTML) ou <script type="text/javascript" src="blabla"/> (XHTML)

C'est pire  
 
T'as pas à "sauter des lignes" (sauf, là encore, dans certains cas bien précis type poésie où la fin de ligne a un sens et est importante dans le cadre du contenu), si tu veux mettre de l'espace entre tes éléments c'est du présentationel, joue avec les marges (margin) et/ou les paddings

Hum, comme je veux remplacer mes "Transitional" et mes "em" dans plusieurs pages (et oui, j'en ai fait plein de pas bien), connaissez-vous un bon remplaceur de chaînes de caractères (type "Search and Replace" ) svp ?

notepad++ -> rechercher/remplacer
 
Edit adresse : http://notepad-plus.sourceforge.net/fr/site.htm

Excuse-moi, il permet le remplacement de chaînes dans plusieurs fichiers à la fois ?
De plusieurs lignes de code à la fois ?

bah, via une expression régulière alors