Quelle balise choisir <p>

barale61 Messages postés 1126 Date d'inscription   Statut Membre Dernière intervention   -  
animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai 2 boutons en css et je souhaiterais qu'ils soient l'un à côté de l'autre alors je fais:


<p class="bouton">
et dans ma feuille de style je fais:


display:inline;

mais ils restent l'un en dessous de l'autre comment je dois faire ?

Merci de votre aide.

2 réponses

  1. mpmp93 Messages postés 2931 Date d'inscription   Statut Membre Dernière intervention   1 343
     
    Bonsoir,

    <p> est utilisé pour marquer un paragraphe, rien d'autre...

    Pour un bouton cliquable, il y a <button>:

    <button onclick="ClicBouton();">Cliquez moi !</button>

    <script type="text/javascript">
    function ClicBouton(){
    alert("Vous m'avez cliqué !...");
    }
    </script>

    Voir ici:
    https://developer.mozilla.org/fr/docs/Web/HTML/Element/Button

    A+
    0
  2. animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   738
     
    sans utiliser javascript tu peux faire aussi comme cela si tes boutons sont des liens

    tu crée une image transparente nommée transparent.gif dans le dossier images

    puis le code html

    <div class="bouton"><a href="lien1.php"><img src="images/tranparent.gif" alt="description du lien" /></a>

    <div class="bouton"><a href="lien2.php"><img src="images/tranparent.gif" alt="description du lien" /></a>

    Puis dans le css

    .bouton {
    width: 10px;
    height:10px;
    background-image: url(bouton.png);
    display:inline-block;
    }

    a supposer que ton bouton s'appelle bouton.png et qu'il fasse 10px X 10px
    l'image transparent.gif a les memes dimensions
    0