par
Victor BRITO » 02 mai 2008, 17:37
en ajoutant un bloc dans mon div
Tu te compliques la vie en rendant ton code complexe. Je me demande si une remise à plat de ton code (HTML et CSS) ne serait pas nécessaire.
Prenons le dernier exemple en date. Le code suivant :
Code : Tout sélectionner
<div id="navcontainerh">
<b class="bar"><a href="./">ACCUEIL</a></b>
<b class="bar"><a href="comment-acheter.php">Comment acheter?</a></b>
<b class="bar"><a href="panier.php">Panier</a></b>
<b class="bar"><a href="contact.php">Contact</a></b>
</div>
peut être avantageusement remplacé par celui-ci :
Code : Tout sélectionner
<ul id="navcontainerh">
<li><a href="./">ACCUEIL</a></li>
<li><a href="comment-acheter.php">Comment acheter?</a></li>
<li><a href="panier.php">Panier</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
Et en CSS, tu procèdes comme suit :
Code : Tout sélectionner
#navcontainerh {
font-weight: bold;
list-style: none;
padding: 0;
margin: 0;
}
#navcontainerh li {
display: inline;
padding: 0;
margin: 0 0.25em; /* Pour espacer les liens entre eux */
}
Avec un code tel que celui-ci, tu gagnes en balisage sémantique et tu sépares strictement le contenu de sa présentation (en définissant la mise en gras du texte en CSS au lieu d'employer l'élément HTML B, même s'il est encore autorisé, y compris en mode Strict).
[quote="hakazizi"]en ajoutant un bloc dans mon div[/quote]
Tu te compliques la vie en rendant ton code complexe. Je me demande si une remise à plat de ton code (HTML et CSS) ne serait pas nécessaire.
Prenons le dernier exemple en date. Le code suivant :
[code]<div id="navcontainerh">
<b class="bar"><a href="./">ACCUEIL</a></b>
<b class="bar"><a href="comment-acheter.php">Comment acheter?</a></b>
<b class="bar"><a href="panier.php">Panier</a></b>
<b class="bar"><a href="contact.php">Contact</a></b>
</div>[/code]
peut être avantageusement remplacé par celui-ci :
[code]<ul id="navcontainerh">
<li><a href="./">ACCUEIL</a></li>
<li><a href="comment-acheter.php">Comment acheter?</a></li>
<li><a href="panier.php">Panier</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>[/code]
Et en CSS, tu procèdes comme suit :
[code]#navcontainerh {
font-weight: bold;
list-style: none;
padding: 0;
margin: 0;
}
#navcontainerh li {
display: inline;
padding: 0;
margin: 0 0.25em; /* Pour espacer les liens entre eux */
}[/code]
Avec un code tel que celui-ci, tu gagnes en balisage sémantique et tu sépares strictement le contenu de sa présentation (en définissant la mise en gras du texte en CSS au lieu d'employer l'élément HTML B, même s'il est encore autorisé, y compris en mode Strict).