View original (French)

How to code button size in HTML?

John -  
Hello,

I wrote these lines of code to have buttons, but when I set them to medium, they split into two lines, and if I leave them as they are, the line of buttons that forms the navigation menu becomes too small.

Code with small button line 
 <!-- Navigation Menu --> <div> <a class="button is-primary">Home</a> <a class="button is-primary">Medicinal Plants</a> <a class="button is-primary">Seeds</a> <a class="button is-primary">Gemmotherapies</a> <a class="button is-primary">Essential Oils</a> <a class="button is-primary">Hydrosol / Bach Flower</a> <a class="button is-primary">Cosmetics</a> <a class="button is-primary">Dietary Supplements</a> <a class="button is-primary">Hydroponics / Aquaponics</a> <a class="button is-primary">Garden</a> <a class="button is-primary">The Ecological Hive</a> <!-- Navigation Menu --> </div>

Code with "medium" button line but on two lines 
 <!-- Navigation Menu --> <div> <a class="button is-primary is-medium">Home</a> <a class="button is-primary is-medium">Medicinal Plants</a> <a class="button is-primary is-medium">Seeds</a> <a class="button is-primary is-medium">Gemmotherapies</a> <a class="button is-primary is-medium">Essential Oils</a> <a class="button is-primary is-medium">Hydrosol / Bach Flower</a> <a class="button is-primary is-medium">Cosmetics</a> <a class="button is-primary is-medium">Dietary Supplements</a> <a class="button is-primary is-medium">Hydroponics / Aquaponics</a> <a class="button is-primary is-medium">Garden</a> <a class="button is-primary is-medium">The Ecological Hive</a> <!-- Navigation Menu --> </div>


EDIT: Added code tags (jordane)

I am inspired by the codes on the Bulma.io site - but the problem is that there is no predefined size for these buttons - how can I fix it?

I am a beginner; I have only been getting into HTML for 3 days to create a website from scratch - but if I can at least finish the homepage, that would be wonderful!

Best regards

3 answers

  1.  telliak
    Hi,
    By going in blind, you're going to go from long, pointless searches to disillusionment.
    That's not the right way to learn HTML/CSS.
    You should start by investing some time in reading a few pages about website creation here for example.
    1. John
      Hello, I don't have €300 to spend per module on Open... otherwise I wouldn't be asking for information here!
    2. telliak
      1/ I don't understand: who is asking you for 300 euros to access the site I mentioned? I accessed the modules without ever paying anything.
      2/ There are indeed many other sites that provide effective basic training.
      I maintain that you will waste a considerable amount of time if you don't start by learning the basics: CSS versus HTML; the tags, properties, etc., and you won't find this training here.