Sujet Précédent Sujet Suivant

A votre avis

Fermé
regine - 1 juin 2017 à 00:45
 regine - 2 juin 2017 à 10:11
Bonjour,

es-ce que c'est mieux pour englober un boutton une balise 

<p><button type="submit" class="icon-remonter" title="remonter">remonter</button></p>


ou 

<div><button type="submit" class="icon-remonter" title="remonter">remonter</button></div>


ou peut importe

merci



1 réponse

Réponse 1 / 1
ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 228
1 juin 2017 à 05:29
'lut,
l'élément button faisant partie du contenu de flux et de phrase, les 2 cas sont parfaitement valides au niveau de ce que dit le standard.
Après, ça dépend de ton cas d'utilisation et de la sémantique que ton bouton a. Je crois comprendre, vu son utilité, qu'il devrait être séparé du contenu texte de ton site (par exemple en 
position: fixed
), donc je penche pour le 
<div>
. S'il est plutôt juste après et dans le même cadre que le contenu d'un article, j'opterais pour 
<p>
.
0
regine
Modifié le 1 juin 2017 à 10:05
merci car en faite 
   <ol class="commentaire">
      <!--Début du 1 er commentaire-->
   <li>

   <div>


cadre auteur




   </div>
   <div>

cadre message



   </div>
   <div>


<button type="submit" class="icon-remonter" title="remonter">remonter</button>



   </div>
   <div>

<button type="submit" class="icon-remonter" title="remonter">autre</button>


   </div>
   </li>
      <!--Fin du 1 er commentaire-->
   </ol>



j'ai mis un div pour les bouton car si je met une balise p pour afficher les bouton en bas de mon cadre il ne veut pas fonctionner les float left et right

à mon avis pour les float left et right ca marche avec une balise div et non une balise <p>

dans ce cas il faut laisser les div

et j'ai mis css
   .commentaire li
   {
   margin:0;
   border:#CCCCCC solid 1px;
   overflow:hidden;
   }

   .commentaire li div:nth-child(1)
   {
   float: left;
   width:20em;
   margin:0em;
   }


   .commentaire li div:nth-child(2)
   {
   margin-left:20em;
   border-left: 1px solid #CCCCCC;
   min-height:41em;
   }


   .commentaire div:nth-child(3)
   {
   float: left;
   width:20em;
   margin:0em;
   text-align:center;
   }

   .commentaire div:nth-child(4)
   {
   margin-left:20em;
   border-left: 1px solid #CCCCCC;
   text-align:right;
   }



es-ce c'est bien ca si j'ai compris

pour les float left et right c'est uniquement des div et non un p


si je n'ai pas bessoin de metre float left et right juste metre un boutton là je met une bamlise <p>
0
ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 228 > regine
2 juin 2017 à 04:47
Le fait que le 
<p>
ne marche pas en 
float
est que par défaut il est affiché en 
display: inline
, l'empêchant d'être flottant. Il suffit de le passer en 
display: block
.
0
regine
2 juin 2017 à 10:11
ok donc c'est mieux de mettre une balise p au lieu d'un div sur les boutton des qu'on a bessoin

merci
0