Quelle balise choisir <p>
barale61
Messages postés
1326
Statut
Membre
-
animostab Messages postés 3003 Statut Membre -
animostab Messages postés 3003 Statut Membre -
Bonjour,
J'ai 2 boutons en css et je souhaiterais qu'ils soient l'un à côté de l'autre alors je fais:
mais ils restent l'un en dessous de l'autre comment je dois faire ?
Merci de votre aide.
J'ai 2 boutons en css et je souhaiterais qu'ils soient l'un à côté de l'autre alors je fais:
et dans ma feuille de style je fais:
<p class="bouton">
display:inline;
mais ils restent l'un en dessous de l'autre comment je dois faire ?
Merci de votre aide.
A voir également:
- Quelle balise choisir <p>
- Balise br ✓ - Forum Webmastering
- Saut de lignes sans <br/> ✓ - Forum Webmastering
- Balise </br> - Forum HTML
- Impossible de choisir point relais cdiscount ✓ - Forum Consommation & Internet
- Mkdir - p signification ✓ - Forum Linux / Unix
2 réponses
Bonsoir,
<p> est utilisé pour marquer un paragraphe, rien d'autre...
Pour un bouton cliquable, il y a <button>:
Voir ici:
https://developer.mozilla.org/fr/docs/Web/HTML/Element/Button
A+
<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+
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
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
