Ver originales (Francés)

Cómo codificar el tamaño de los botones en HTML?

John -  
Hola,

he escrito estas líneas de código para tener botones, pero cuando los paso a tamaño medio se posicionan en dos líneas y si los dejo así, la línea de botones que forma el menú de navegación se vuelve demasiado pequeña.

Código con botón pequeño 
 <!-- Menú de navegación --> <div> <a class="button is-primary">Inicio</a> <a class="button is-primary">Plantas medicinales</a> <a class="button is-primary">Semilla</a> <a class="button is-primary">Gemmoterapia</a> <a class="button is-primary">Aceites esenciales</a> <a class="button is-primary">Hidrolato / Flor de Bach</a> <a class="button is-primary">Cosmético</a> <a class="button is-primary">Suplemento alimenticio</a> <a class="button is-primary">Hidroponía / Acuaponía</a> <a class="button is-primary">Jardín</a> <a class="button is-primary">La Colmena Ecolocal</a> <!-- Menú de navegación --> </div>

Código con botón "medio" pero en dos líneas 
 <!-- Menú de navegación --> <div> <a class="button is-primary is-medium">Inicio</a> <a class="button is-primary is-medium">Plantas medicinales</a> <a class="button is-primary is-medium">Semilla</a> <a class="button is-primary is-medium">Gemmoterapia</a> <a class="button is-primary is-medium">Aceites esenciales</a> <a class="button is-primary is-medium">Hidrolato / Flor de Bach</a> <a class="button is-primary is-medium">Cosmético</a> <a class="button is-primary is-medium">Suplemento alimenticio</a> <a class="button is-primary is-medium">Hidroponía / Acuaponía</a> <a class="button is-primary is-medium">Jardín</a> <a class="button is-primary is-medium">La Colmena Ecolocal</a> <!-- Menú de navegación --> </div>


EDIT: Añadido las etiquetas de código (jordane)

Me inspiré en los códigos presentados en el sitio Bulma.io - pero el problema es que no hay un tamaño predefinido para estos botones - ¿cómo hacer?

Soy principiante, apenas llevo 3 días empezando a aprender HTML para crear un sitio de A a Z - pero bueno, ¡si puedo terminar la página de inicio sería maravilloso!

Cordialmente

3 respuestas

  1.  jordane45 Moderador
    Hola,

    Dado el número de botones que tienes y el tamaño de los textos que contienen... es normal que se pase a la línea cuando llegas al final de la pantalla...
    Además, el "medium" es bastante grande.... Así que a menos que estés haciendo un sitio para personas con discapacidad visual... no le veo el interés.

    --
    Atentamente,
    Jordane
    0
    1. John
      Cuando envío el index.html a Google para ver lo que escribo en el editor de código, los botones en tamaño mediano no aparecen tan grandes en la pantalla, al contrario, por eso los elegí, porque el tamaño pequeño es realmente muy pequeño (5 mm de altura / 1.5 cm de largo) - mientras que el mediano mide 1 cm de altura.
      0