Cómo alinear el logo a la derecha en la barra de navegación

  • Autor Autor paolasaules
  • Fecha de inicio Fecha de inicio

paolasaules

Beta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Buenas tardes, empecé a compilar códigos, pero me estanque tratando de alinear a la derecha el elemento logo dentro de la barra de navegación. En la hoja de estilo coloque:
Logo Paola Saules{
Position:fixed;
margin-right:3px;
Left:997px;
Top:3px;
}
 

Adjuntos

  • 20190819_163415.webp
    203,5 KB · Visitas: 20
Bueno no hay mucho código para ver y no sé si entendí bien el problema pero si vas a alinear algo a la derecha puedes usar la propiedad right en lugar de left. Otra propiedad que te puede servir es float con el valor right
 
Lo más correcto es que crees dos div, uno al lado del otro, les asignes un ancho a cada uno que sumen el 100%, el div de la derecha va a contener el logo a la derecha.... Los div los alineas con flexbox que es super fácil y eficiente... Lo que estas tratando de hacer funcionaria con display:absolute; pero no esta bien hacerlo así.. Incluso podrías poner display:inline-block en los div y ahí darle margin, pero tampoco sería lo correcto... Siempre debes pensar en la adaptabilidad para hacerlo responsive después, antes se hacía con float, ahora debes usar flexbox o grid, saludos
 
Hola @paolasaules un placer saludarte !

Veo en la captura de pantalla que estas usando Bootstrap en su version 3.3.7... con eso en mente no deberias de enredarte tanto y apegarte a la documentacion de Bootstrap. Se que DreamWeaver te puede motivar a posicionar manualmente los componentes y demas "facilidades" que te ofrece el mismo.

Te recomiendo usar el componente navbar del Bootstrap 3, super intuitivo y totalmente responsive ya que en un solo bloque de codigo puedes hacer la version mobile y desktop.
Te invito a echarle un ojo a eso, aca te dejo el enlace al componente Bootstrap 3 - Navbar

Saludos !