Cómo alinear correctamente el logotipo con CSS en mi sitio web

ramonjosegn

Sigma

Verificación en dos pasos activada

Verificado por Whatsapp

¡Usuario popular!

• 28 Mar 2012

• #1

Hola chicos

A ver si me echáis un cable con eso, estoy peleando con el CSS del logotipo de mi sitio web porque se ve desplazado a la izquierda en monitores en alta resolución y no consigo que se alinee con la base de la plantilla, pregunté a los desarrolladores pero el que está ahora es el código que me dieron

el sitio web es
Enlace eliminado

gracias por la ayuda

el código actual que tengo es

#header .logo {
margin-bottom: -10px !important;
margin-left: -1px !important;
margin-top: -40px !important;


}

 

Gideon

Gamma

Redactor

Verificado por Whatsapp

• 28 Mar 2012

• #2

puedes dejar el código así, lo más rápido que se me ocurre para solucionarlo, es que crees una nueva div que se centre.

teniendo:

#header .head {
margin: 0 auto;
widht: 1000px; (o la cantidad que necesites para el contenido del wrap)
}

para que luego en tu header.php coloques
<div id="header" class="head">
<div class="logo">tu logo</div>
</div>

 

ramonjosegn

Sigma

Verificación en dos pasos activada

Verificado por Whatsapp

¡Usuario popular!

• 28 Mar 2012

• #3

ok, gracias, esta noche hago la prueba, aunque me parece que me dará problemas porque los demás elementos dependen de este div donde está el logo...

 

P

PabloGV

Gamma

Verificado por Whatsapp

• 28 Mar 2012

• #4

yo creo que no te hace ni falta meter otro div:

#header .header-area {
margin: 0 auto;
padding:0px;
width:980px;
}

el que te lo haya hecho es un cutreee...........

 

E

Esteban Sequeira

Lambda

Redactor

Verificación en dos pasos activada

Verificado por Whatsapp

• 28 Mar 2012

• #5

Ponle al head o a toda la página un width: 980px.

 

ramonjosegn

Sigma

Verificación en dos pasos activada

Verificado por Whatsapp

¡Usuario popular!

• 28 Mar 2012

• #6

PabloGV dijo:

yo creo que no te hace ni falta meter otro div:

#header .header-area {
margin: 0 auto;
padding:0px;
width:980px;
}

el que te lo haya hecho es un cutreee...........

Hacer clic para expandir...

es uno de los temas más populares en ThemeForest, el problema es que yo desplacé el menú a la parte inferior con las instrucciones que ellos mismos me dieron, pero me da la sensación de que ni ellos mismos saben muy bien cómo armaron la parte visual....

----

estoy probando las opciones directamente en Firebug, las que me habéis pasado, y no hacen nada, me temo que tocará dentro de otro div...

 

P

PabloGV

Gamma

Verificado por Whatsapp

• 28 Mar 2012

• #7

pues o tenemos versiones distintas o algo raro ocurre pero vamos, la cuestion es que tienes que delimitarle al logo un width de 980 para que encaje con el ancho del contenido, meter otro div tampoco va a ser malo 🙂