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

paolasaules Seguir

Beta
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
9 Jul 2019
Mensajes
95
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.jpg
    20190819_163415.jpg
    1.003,7 KB · Visitas: 14

Programarte

Dseda
Programador
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
18 Nov 2014
Mensajes
1.092
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
 

Ricky Pinto

Delta
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
5 Mar 2015
Mensajes
574
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;
}
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
 

bkmiguel

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
22 Ago 2019
Mensajes
216
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 !
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba