(solucionado) ajustar tamaño header

[iioonnaa]

Hola de nuevo,

Después de mucho tocar he conseguido que más o menos quedara como la quería.

Solo me falta quitar la parte amarilla de debajo de la barra de menú horizontal, y que esta quede centrada (sin el espacio amarillo de la izquierda).

_link

 

Antes lo he modificado pero ahora ya no sé por donde...

 

Muchas gracias!

Edited October 28, 2012 by iioonnaa (see edit history)

[ventura]

dejalo asi en superfish.modified.css

 

 

.sf-menu {
float: left;
margin-bottom: 1em;
margin-left: -10px;
}

[iioonnaa]

pero aquí tengo un montón de cosas, mira:

 

 

/*** ESSENTIAL STYLES ***/

.sf-contener {

clear: both;

}

.sf-right {

margin-right: 14px;

float:right;

width: 10px;

}

.sf-menu, .sf-menu * {

margin: 0;

padding: 0;

list-style: none;

}

.sf-menu {

margin: 5px 0;

padding: 0 10px;

width:979px;/* 980 */

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

border-radius: 0px;

background: transparent url(../img/bg_blocktopmenu.png) repeat-x 0 0;

-moz-box-shadow: 0px 1px 1px #c6c6c6;

-webkit-box-shadow: 0px 1px 1px #c6c6c6;

box-shadow: 0px 1px 1px #c6c6c6;

}

 

 

elimino el resto?

 

gracias!

[nadie]

pero aquí tengo un montón de cosas, mira:

 

 

/*** ESSENTIAL STYLES ***/

.sf-contener {

clear: both;

}

.sf-right {

margin-right: 14px;

float:right;

width: 10px;

}

.sf-menu, .sf-menu * {

margin: 0;

padding: 0;

list-style: none;

}

.sf-menu {

margin: 5px 0;

padding: 0 10px;

width:979px;/* 980 */

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

border-radius: 0px;

background: transparent url(../img/bg_blocktopmenu.png) repeat-x 0 0;

-moz-box-shadow: 0px 1px 1px #c6c6c6;

-webkit-box-shadow: 0px 1px 1px #c6c6c6;

box-shadow: 0px 1px 1px #c6c6c6;

}

 

 

elimino el resto?

 

gracias!

 

No eliminas, solo modificas.

 

 

Con esto dejas el menu pegado arriba.

 

Fichero:

 

/modules/blocktopmenu/css/superfish-modified.css

 

Buscas esto:

 

.sf-menu {
float: left;
margin-bottom: 1em;
}

 

Y lo cambias:

 

.sf-menu {
float: left;
margin-bottom: 1em;
margin-top: -3px;
}

 

 

 

Luego en el mismo fichero, buscas esto:

 

.sf-menu {
float: left;
margin: 5px 0;
margin-left: -10px;
margin-bottom: 10em;
padding: 0 10px;
width: 979px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background: transparent url(../img/bg_blocktopmenu.png) repeat-x 0 0;
-moz-box-shadow: 0px 1px 1px #c6c6c6;
-webkit-box-shadow: 0px 1px 1px #C6C6C6;
box-shadow: 0px 1px 1px #C6C6C6;
}

 

Y lo dejas asi:

 

.sf-menu {
margin-left: 5px 0;
padding: 0 10px;
width: 961px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background: transparent url(../img/bg_blocktopmenu.png) repeat-x 0 0;
-moz-box-shadow: 0px 1px 1px #c6c6c6;
-webkit-box-shadow: 0px 1px 1px #C6C6C6;
box-shadow: 0px 1px 1px #C6C6C6;
}

 

 

Edito, con esto centraba,tu lo querías todo a lo ancho.

[iioonnaa]

si, gracias! ahora la barra está centrada pero aún hay el espacio amarillo debajo...

[nadie]

si, gracias! ahora la barra está centrada pero aún hay el espacio amarillo debajo...

 

Para juntar la barrra, haz esto:

 

Buscas esto:

 

.sf-menu {
float: left;
margin-bottom: 1em;
}

 

Y lo cambias:

 

.sf-menu {
float: left;
margin-bottom: 1em;
margin-top: -3px;
}

[nadie]

Con esto tendrás el menú, pegado abajo.

 

Fichero:

 

modules/blocktopmenu/css/superfish-modified.css

 

.sf-contener {
clear: both;
}

 

Y lo dejas asi:

 

.sf-contener {
clear: both;
margin-bottom: -34px;
}

[iioonnaa]

jajajaja! conseguido! muchas gracias! Sois unos cracks!

[nadie]

jajajaja! conseguido! muchas gracias! Sois unos cracks!

 

Un placer ayudarte y servirte!

 

Si das el tema como solucionado, edita el titulo del tema, editando el primer mensaje, pulsando en editar, y después en "Usar editor completo", añadiendo la palabra "Solucionado" al titulo, esto ayudara, a mantener una mayor organización en el foro.

 

Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso.