Comment coder la taille des boutons coté html ?

Fermé
John - Modifié le 22 sept. 2018 à 23:43
telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 - 11 oct. 2018 à 18:15
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
  <!-- 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

telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 874
11 oct. 2018 à 13:46
Salut,
En avançant au radar, tu vas aller de recherches longues et inutiles en désillusions.
Ce n'est pas la bonne méthode pour apprendre HTML/CSS.
Tu devrais commencer par investir dans la lecture de quelques pages sur la création de site ici par exemple.
1
Bonjour, je n'ai pas 300 € a dépenser par module sur Open... sinon je me passerai de demande de renseignement ici !
0
telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 874
11 oct. 2018 à 18:15
1/ Je ne comprends pas : qui te demande 300 euros pour avoir accès au site que j'ai indiqué ? J'ai accédé aux modules sans jamais rien payer.
2/ Il existe bien d'autres sites permettant une formation de base efficace].
Je maintiens que tu vas perdre un temps considérable si tu ne commences pas par apprendre les bases : CSS versus HTML ; les balises, propriétés etc. et tu ne trouveras pas ici cette formation.
0