😮 intente poner un logo al lago de mi barra de navegacion pero no me deja. Ustedes sabes que debo usar para que puedan estar todos en la ...

Laura Roa

Laura Roa

Pregunta
studenthace 3 años

😮 intente poner un logo al lago de mi barra de navegacion pero no me deja. Ustedes sabes que debo usar para que puedan estar todos en la barra de navegacion? (me deja el logo arriba)

Screen Shot 2022-01-20 at 12.27.58 AM.png

5 respuestas
para escribir tu comentario
    Diego Alejandro Moreno Pedroza

    Diego Alejandro Moreno Pedroza

    studenthace 3 años

    Define la barra de navegacion como

    display:flex;

    y listo

    Laura Roa

    Laura Roa

    studenthace 3 años

    Lo logre!! Muchas gracias por su ayuda! tenia mal el flex jeje lo habia puesto en otro contenedor! bar.jpg

    Eric Alvarez

    Eric Alvarez

    studenthace 3 años

    hola, como te dijeron organiza la imagen en un div aparte de los enlaces de la barra , luego al contenedor principal usas display flex y luego alguna de la propiedades de justyfi-content space-between: separa los elementos dandoles un espacio en ellos

    Captura de pantalla 2022-01-26 120327.jpg

    Laura Roa

    Laura Roa

    studenthace 3 años

    gracias! acabo de ponerlos links dentro de lass etiquetas div pero creo que mi problema esta en que no se definir muy bien el flex en css. Me podrias ayudar con eso por favor, ya he intentado de muchas maneras y nada me sale

    Iris Valentina Barrios

    Iris Valentina Barrios

    studenthace 3 años

    ¡Hola Platzinauta 👋! Puedes usar Divs para separar la imagen de los botones, y con flexblox ponerlos horizontal:

    <nav> <div> <img> </div> <div> <a>Botón 1</a> <a>Botón 2</a> <a>Botón 3</a> <a>Botón 4</a> </div> </nav>
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.