Quelle balise choisir <p>

Fermé
barale61 Messages postés 1208 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 4 novembre 2024 - Modifié par barale61 le 24/11/2013 à 22:20
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 25 nov. 2013 à 00:02
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 mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
24 nov. 2013 à 22:28
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 jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
25 nov. 2013 à 00:02
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