Aller au contenu

css, ul, li et php (on s'arrête là)


xpatval

Sujets conseillés

Bonjour,

J'ai une poutouille qui m'agace le neurone gauche.

Explication:

Dans ma page html:

<div id="cent">
   while ($i = mysql_fetch_array($res))
   {
   ?>
       <p class="voc" style="margin-top:25px;">
            <label><?php echo stripslashes($i['vocab']);?></label>
<p style="color: #66CCFF;text-indent:0px;"><img src="commun/arrow.gif"><?php echo stripslashes($i['definition']);?>
               </p>
      </p><br>
      <?php
    }
    ?>
</div>

Dans ma feuille de style:

#cent p.voc {
margin-left: 2px;
margin-right: 20px;
margin-bottom: 0px;
text-indent: 15px;
color: #66CCCC;
}

#cent label {
color: #FF9900;
padding: 2px;
border: 1px solid #0000BB;
font-weight:Bold;
}

#cent ul.champ {
color: #66CCCC;
margin-left: 65px;
margin-top: 5px;
margin-bottom: 5px;
}

Et mon texte, issue de ma bdd:

<em style="font-weight:bold;">Uniform Resource Locator</em>.<br />
Chaîne de caractères désignant une ressource Internet particulière.<br />
L'url comprend:<ul class="champ">
<li>le protocole utilisé (<em style="font-weight:bold;">HTTP, FTP, mailto:...</em>)</li>
<li>l'adresse du serveur (ou <em style="font-weight:bold;">nom de domaine</em>, ex: www.monsite.com)</li>
<li>l'emplacement de la ressource (ex: index.html si le protocole utilisé est HTTP)</li></ul>
(Cf: <em style="color: #FF9900;">HTTP</em>)

La poutouille en question se situe lors de l'affichage du texte. Toutes les lignes sont affichées selon la feuille de style, toutes, sauf UNE: la dernière, qui au lieu de prendre la jolie couleur déterminée, reste en noir. POurquoi ? oui, Pourquoi ??

De plus, si j'affiche la source de la page, je ne remarque pas d'anomalie de fermeture de balises.... :1eye:

Une aide extérieur se bienvenue.

Merci,

xpatval

Modifié par xpatval
Lien vers le commentaire
Partager sur d’autres sites

Ha oui, je n'avais pas vu la première ;) . Hé bien le problème est peut-être là : généralement, on n'imbrique pas les balises <p> les unes dans les autres. Tu peux remplacer la seconde par un <span>...

Fruge.

Lien vers le commentaire
Partager sur d’autres sites

On ne peut par exemple pas inclure une liste dans un paragraphe

Eh bien, voilà, suffisait de le remarquer... :D

Merci à toi, l'Anophèle male...

xpatval

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...