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

ramonjosegn · 28 Mar 2012

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 · 28 Mar 2012

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 · 28 Mar 2012

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...

PabloGV · 28 Mar 2012

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...........

Esteban Sequeira · 28 Mar 2012

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

ramonjosegn · 28 Mar 2012

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...........

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...

PabloGV · 28 Mar 2012

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

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

ramonjosegn Seguir Seguidores 14

Gideon

ramonjosegn

PabloGV

Esteban Sequeira

ramonjosegn

PabloGV

ramonjosegn Seguir

Seguidores

14