Discussion :

[rodolphebrd]

Bonjour,

Je ne parviens pas à styliser correctement une balise générée en PHP.
IL s'agit de cette balise

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

<p>$erreur</p>

Dans la ligne suivante :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<span class="send-success" role="alert"> 
<?php if (isset($erreur)){ echo "<p>$erreur</p>"; } ?>
</span>

La balise span ne permet pas d'obtenir le résultat souhaité à moins de cibler le sélecteur enfant avec > :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.send-success > p {}

Mais cela oblige à créer une classe supplémentaire.

Merci pour vos réponses.

[JefReb]

Essayes plutôt

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<?php if (isset($erreur)){ echo "<p>".$erreur."</p>"; } ?>

[rodolphebrd]

Merci pour la réponse.
Peux-tu me dire ce que cela va changer ?

[NoSmoking]

Bonjour Rodolphe,
pour commencer un <p> dans un <span> c'est pas le top (élément block dans élément inline) !

Pour le ciblage essaie

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
[role="alert"] p {
  color: red;
}

[rodolphebrd]

pour commencer un <p> dans un <span> c'est pas le top (élément block dans élément inline) !

Oui je sais que ce n'est pas l'idéal mais je ne trouvais rien d'autre.

L'idée, dans un formulaire, est de donner un style à la balise générée contenant un message du type "Votre message a bien été envoyé."

Merci pour la réponse mais n'y aurait-il pas un moyen d'appliquer une classe existante à cette balise <p> plutôt que d'en créer une.
Je m'explique : je travaille sur le framework Twitter Bootstrap et le style du message ("envoi avec succès") nécessite 3 classes.

[JefReb]

Oui effectivement cela ne change rien. J'ai confonfu " et '

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<?php if (isset($erreur)){ echo "<p>$erreur</p>"; } ?>
ou
<?php if (isset($erreur)){ echo '<p>'.$erreur.'</p>'; } ?>

excuses moi réponse trop rapide

[rodolphebrd]

Excuse-moi Jeffreb mais je ne vois pas à quoi peut me servir ta réponse.
Ce que je souhaiterais c'est placer cette classe send-success (ou n'importe quelle autre) dans la balise <P>.

Ou alors trouver un moyen de donner cette condition : "si le mail est envoyé avec succès alors appliquer telle classe CSS à la balise généré en PHP"