Quelle balise choisir <p>

[Fermé]
Signaler
Messages postés
1148
Date d'inscription
jeudi 13 septembre 2012
Statut
Membre
Dernière intervention
18 octobre 2021
-
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
-
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

Messages postés
6650
Date d'inscription
mercredi 13 avril 2011
Statut
Membre
Dernière intervention
28 septembre 2015
1 310
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+
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
696
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