Comment coder la taille des boutons coté html ?
Bonjour,
j'ai écris ces lignes de codes pour avoir des boutons, mais lorsque je les passent en medium ils se positionnent sur deux lignes et si je les laissent comme tel, la ligne des boutons qui forme le menu de navigation devient trop petit.
Code avec ligne de bouton petit
Code avec ligne de bouton "medium" mais sur deux lignes
EDIT : Ajout des balises de code (jordane)
Je me suis inspirer des codes présent sur le site Bulma.io - mais le souci c'est qu'il n'y a pas de taille prédéfinis sur ces boutons - comment faire ?
Je suis débutant, cela ne fait que 3 jours que j'ai commencer à me mettre dans le html pour créer un site de A à Z - mais bon, si je peux déjà finir la page d'accueil se serait merveilleux !
Bien à vous
j'ai écris ces lignes de codes pour avoir des boutons, mais lorsque je les passent en medium ils se positionnent sur deux lignes et si je les laissent comme tel, la ligne des boutons qui forme le menu de navigation devient trop petit.
Code avec ligne de bouton petit
<!-- Menu navigateur -->
<div>
<a class="button is-primary">Accueil</a>
<a class="button is-primary">Plantes médicinales</a>
<a class="button is-primary">Semence</a>
<a class="button is-primary">Gemmothérapie</a>
<a class="button is-primary">Huiles essentielles</a>
<a class="button is-primary">Hydrolat / Fleur de Bach</a>
<a class="button is-primary">Cosmétique</a>
<a class="button is-primary">Complément alimentaire</a>
<a class="button is-primary">Hydroponie / Aquaponie</a>
<a class="button is-primary">Garden</a>
<a class="button is-primary">La Ruche Écolocale</a>
<!-- Menu navigateur -->
</div>
Code avec ligne de bouton "medium" mais sur deux lignes
<!-- Menu navigateur -->
<div>
<a class="button is-primary is-medium">Accueil</a>
<a class="button is-primary is-medium">Plantes médicinales</a>
<a class="button is-primary is-medium">Semence</a>
<a class="button is-primary is-medium">Gemmothérapie</a>
<a class="button is-primary is-medium">Huiles essentielles</a>
<a class="button is-primary is-medium">Hydrolat / Fleur de Bach</a>
<a class="button is-primary is-medium">Cosmétique</a>
<a class="button is-primary is-medium">Complément alimentaire</a>
<a class="button is-primary is-medium">Hydroponie / Aquaponie</a>
<a class="button is-primary is-medium">Garden</a>
<a class="button is-primary is-medium">La Ruche Écolocale</a>
<!-- Menu navigateur -->
</div>
EDIT : Ajout des balises de code (jordane)
Je me suis inspirer des codes présent sur le site Bulma.io - mais le souci c'est qu'il n'y a pas de taille prédéfinis sur ces boutons - comment faire ?
Je suis débutant, cela ne fait que 3 jours que j'ai commencer à me mettre dans le html pour créer un site de A à Z - mais bon, si je peux déjà finir la page d'accueil se serait merveilleux !
Bien à vous
3 réponses
-
ModérateurBonjour,
Vu le nombre de boutons que tu as et la taille des textes qui s'y trouvent... c'est normal que ça passe à la ligne lorsque tu arrives au bout de l'écran....
En plus le "medium" est vachement gros.... Donc à moins que tu ne fasses un site pour des personnes à vision déficiente.. je n'en vois pas l’intérêt.
-
Lorsque j'envoi l'index.html sur google pour voir que que je tape dans l'éditeur de code, les boutons en medium n'apparaissent pas du tput grand à l'écran, bien au contraire, c'est la raison pour laquelle je l'ai ai choisi car le small est vraiment tres petit (5 mm de hauteur / 1.5 cm de long) - alors que le medium fait 1 cm de hauteur.
-