Ayuda con ubicación de logo

alejandrocacheiro · 11 Ene 2014

Hola buenas, tengo un problema con el logo de mi web y es que quiero que el logo de mi web tenga ese tamaño, ya que más pequeño no me gusta, pero al ponerlo tan grande me queda muy abajo, por eso necesito que me digan como ponerlo más arriba para que no me fastidie la web.

La web es esta: Vipseries.net | Toda la información sobre películas y series

Saludos, voy a mencionar a @lobogris haber si me ayuda :mola:

glez · 11 Ene 2014

Es por el banner que tienes. Deberías colocar el código que tienes del logo, arriba del banner ese.

- - - Actualización- - -

Colocarlos en el mismo div

lobogris · 11 Ene 2014

Al estar en un h1 está cogiendo el margin de las cabeceras, por lo tanto debes quitarle ese margin con

Código:

h1#logo {
    margin: 0;
}

Pero aun así como el logo es bastante grande quedaría algo feo, así que creo que lo que buscas se arreglaría con:

Código:

h1#logo {
    margin: -30px 0 0 0;
}

alejandrocacheiro · 11 Ene 2014

Perfecto lobogris, muchas gracias, ahora lo ves mejor?

lobogris dijo:
Al estar en un h1 está cogiendo el margin de las cabeceras, por lo tanto debes quitarle ese margin con

Código:

h1#logo { margin: 0; }

Pero aun así como el logo es bastante grande quedaría algo feo, así que creo que lo que buscas se arreglaría con:

Código:

h1#logo { margin: -30px 0 0 0; }

lobogris · 11 Ene 2014

alejandrocacheiro dijo:
Perfecto lobogris, muchas gracias, ahora lo ves mejor?

Nada, el logo sí aunque el bloque del anuncio está demasiado pegado a la izquierda y al reducir el tamaño de la pantalla queda algo mal estructurada la cabecera

alejandrocacheiro · 11 Ene 2014

Ya veo, pues no entiendo como queda así si tiene activo el diseño responsive y pues no se ve como responsive

lobogris dijo:
Nada, el logo sí aunque el bloque del anuncio está demasiado pegado a la izquierda y al reducir el tamaño de la pantalla queda algo mal estructurada la cabecera

glez · 11 Ene 2014

alejandrocacheiro dijo:
Ya veo, pues no entiendo como queda así si tiene activo el diseño responsive y pues no se ve como responsive

Acuerdate que los banner 728x?? no son responsives lo tienes que adaptar a un 250 o 330 para que pueda serlo

- - - Actualización- - -

Por otra parte el diseño no parece responsive, me meti con mi móvil y sigue igual, ni si quiera ajusta el texto ni los recuadros

lobogris · 11 Ene 2014

alejandrocacheiro dijo:
Ya veo, pues no entiendo como queda así si tiene activo el diseño responsive y pues no se ve como responsive

Pues algo has añadido que rompe su línea o está mal diseñado...

Si añades esto se verá mejor:

Código:

.widget-header {
    display: inline-block;
    float: right;
    max-width: 728px;
}

@media (max-width:1070px){
.widget-header {
    display: block;
    float: none;
    text-align: center;
   max-width: 100% !important;
}


h1#logo {
    display: block;
    text-align: center;
    width: 100%;
}

}

Y si a partir de 768px le das un display: none; a .widget-header mejor ya que sino se cortará el anuncio y quedará cutre

Saludos

- - - Actualización- - -

glez dijo:
Acuerdate que los banner 728x?? no son responsives lo tienes que adaptar a un 250 o 330 para que pueda serlo

- - - Actualización- - -

Por otra parte el diseño no parece responsive, me meti con mi móvil y sigue igual, ni si quiera ajusta el texto ni los recuadros

Pues no sé con que móvil te meterás pero yo la veo perfectamente...

alejandrocacheiro · 11 Ene 2014

@lobogris le puse eso y se descuadró todo xd, pienso que lo puse mal, pero de todas formas ahora me voy a dormir, mañana lo miro y vuelvo a comentar, gracias por tu ayuda

- - - Actualización- - -

glez dijo:
Acuerdate que los banner 728x?? no son responsives lo tienes que adaptar a un 250 o 330 para que pueda serlo

- - - Actualización- - -

Por otra parte el diseño no parece responsive, me meti con mi móvil y sigue igual, ni si quiera ajusta el texto ni los recuadros

Yo en mi móvil también la veo perfectamente

lobogris · 11 Ene 2014

alejandrocacheiro dijo:
@lobogris le puse eso y se descuadró todo xd, pienso que lo puse mal, pero de todas formas ahora me voy a dormir, mañana lo miro y vuelvo a comentar, gracias por tu ayuda

- - - Actualización- - -

Yo en mi móvil también la veo perfectamente

Ponlo al final del archivo css y si sigue mal me dices, igual me faltó algo pero no creo

alejandrocacheiro · 11 Ene 2014

lobogris dijo:
Ponlo al final del archivo css y si sigue mal me dices, igual me faltó algo pero no creo

Ahora está perfecto y en versión más pequeñas queda centrado, eres un crack :mola:

glez · 11 Ene 2014

lobogris dijo:
Pues algo has añadido que rompe su línea o está mal diseñado...

Si añades esto se verá mejor:

Código:

.widget-header { display: inline-block; float: right; max-width: 728px; } @media (max-width:1070px){ .widget-header { display: block; float: none; text-align: center; max-width: 100% !important; } h1#logo { display: block; text-align: center; width: 100%; } }

Y si a partir de 768px le das un display: none; a .widget-header mejor ya que sino se cortará el anuncio y quedará cutre

Saludos

- - - Actualización- - -

Pues no sé con que móvil te meterás pero yo la veo perfectamente...

Con un Samsung Galaxy S3

Ayuda con ubicación de logo

Comparte esta página