[Duda] Resuelta - Cómo colocar texto del navbar bajo las imágenes en la barra de navegación

Miér Dic 04, 2019 10:38 am

¡Hola! Hoy vengo con una duda sobre navbars (que novedad, ¿verdad? jaja) La cosa es que quería hacer un diseño de navbar donde se vieran tanto las imágenes como el texto de los diferentes links (Índice, buscar, miembros, etc.) Lo que sucede es que el texto sale justo al lado de la imagen tal que así:

[Duda] Resuelta - Cómo colocar texto del navbar bajo las imágenes en la barra de navegación Nav

y yo lo que querría sería que saliera justo debajo, tal que así:
[Duda] Resuelta - Cómo colocar texto del navbar bajo las imágenes en la barra de navegación Nav2

[Duda] Resuelta - Cómo colocar texto del navbar bajo las imágenes en la barra de navegación Nav2

¿Es posible darle ese aspecto? Que igual me estoy comiendo yo la cabeza y es que no se puede [Duda] Resuelta - Cómo colocar texto del navbar bajo las imágenes en la barra de navegación 2956215394

[Duda] Resuelta - Cómo colocar texto del navbar bajo las imágenes en la barra de navegación 2956215394

El foro es phpBB3 y la dirección del foro de pruebas es esta: https://pruebasinfinite.activo.mx/

Jue Dic 05, 2019 12:48 pm

¡Hola, Red! Te comparto este tutorial que es lo que podrías necesitar para hacer lo que quieres, espero te sirva [Duda] Resuelta - Cómo colocar texto del navbar bajo las imágenes en la barra de navegación 1f60a

[Duda] Resuelta - Cómo colocar texto del navbar bajo las imágenes en la barra de navegación 1f60a

JS y los Elementos

Miér Dic 11, 2019 5:26 am

¡Hola Roshio! Como siempre muchas gracias por tu ayuda <3

Me he leído el tuto que me pasaste y si bien me ha servido para cambiar el texto y poner iconos en lugar de las imágenes, sigue saliendo igual, es decir, el icono sale al lado de la palabra, no encima de esta como yo deseo y, por lo menos yo, sigo sin encontrar una manera de usar ese código para mover el icono [Duda] Resuelta - Cómo colocar texto del navbar bajo las imágenes en la barra de navegación 1f62d

[Duda] Resuelta - Cómo colocar texto del navbar bajo las imágenes en la barra de navegación 1f62d

Sáb Dic 14, 2019 1:02 am

Hola hola:

Una solución sencilla pero eficaz: ¿Has probado a añadirle un display: block; al icono o al texto?

Miér Dic 18, 2019 11:22 am

No, de esa manera se ponían todos uno bajo el otro, pero muchas gracias igualmente Eine Krone.

Al final he logrado conseguir el efecto que deseaba con un par de javascripts,muchas gracias a los que han intentado ayudarme, de verdad que muchas, muchas gracias <33

Elementos

Dragon Ball

Pronto

Paraíso Personal

Amor y Amistad

Conejo de Pascua

[Duda] Resuelta - Cómo colocar texto del navbar bajo las imágenes en la barra de navegación