28172 sujets

CSS et mise en forme, CSS3

Bonjour

En fait sur une page php je "echo" tout le code à afficher j'ai donc

echo '<div class="font_opaque"><div class="content_fond">';
	echo '<form name="annulation" method="post" action="#">';
	echo 'Justification ? (Non obligatoire) <br />';
	echo '<textarea class="justif"></textarea>';
	echo '<br /><input type="submit" name="commentaire" value="Valider" /><input type="submit" name="annuler" value="Annuler" />';
	echo '</form></div></div>';


(En fait c'est une rectangle qui apparaitra au dessus de tout quand on click sur un bouton.)
Dans le style de "font_opaque" j'ai bien display:none;

Sauf que tout le contenu s'affiche quand même. Serait-ce lié au php ?
Comment le cacher réellement ? Smiley ohwell

Merci d'avance
Modifié par Lay (03 May 2013 - 14:57)
Je doute que php soit directement responsable de ton problème. Essaye de charger ta page puis à l'aide des outils de développement, contrôle la source html, et inspecte le style de l'élément en question.
Bonjour,

en fermant les balises php, puis en les réouvrant, ce serait plus lisible.

?> //Fermeture php


<div class="font_opaque">
     <div class="content_fond">
        <form name="annulation" method="post" action="#">
	      Justification ? (Non obligatoire) <br />
	     <textarea class="justif"></textarea><br />
	     <input type="submit" name="commentaire" value="Valider" />
             <input type="submit" name="annuler" value="Annuler" />
	</form>
     </div>
</div>


<?php //Réouverture php



Enfin, c'est ce que je fais pour ma part mais chacun ses préférences. Smiley cligne

Bref, si je mets ce qui suit dans mon css, c'est bien caché.

.font_opaque{
     display:none;
}


Le soucis ne viendrait-il pas du "." devant font_opaque?
Bien entendu, mais il est absent dans ce que nous a donné Lay.
Modifié par Fabien24 (07 May 2013 - 10:20)