Quelle balise choisir <p>

barale61 Messages postés 1214 Date d'inscription   Statut Membre Dernière intervention   -  
animostab Messages postés 2829 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

mpmp93 Messages postés 6648 Date d'inscription   Statut Membre Dernière intervention   1 340
 
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
animostab Messages postés 2829 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