[Solucionado] Ayuda con css

[maxi360]

Hola a todos.

 

Tengo una web en la cual modifique el banner que va por defecto en prestashop para que se mostrara en otro sitio , la web es esta:

 

http://webferreteria.esy.es/es/

 

El caso es que no consigo que el banner se quede alineado con el margin left de los dos menus superiores que hay arriba de el y el bloque de articulos populares de abajo, a ver si alguien puede ver que tonteria es la que estoy haciendo mal..

 

Gracias.

[lastapril]

Busca esto en homeslider.tpl

            <ul id="homeslider"{if isset($smarty.capture.height) && $smarty.capture.height} style="max-height:{$smarty.capture.height}px;"{/if}>

y cambialo por esto

            <ul id="homeslider"{if isset($smarty.capture.height) && $smarty.capture.height} style="max-height:{$smarty.capture.height}px; margin-left: 16%;"{/if}>

varia el valor del % como quieras

[lastapril]

Si quieres que se alinee con lo superior deberas cambiar el % por 7px

[maxi360]

Si quieres que se alinee con lo superior deberas cambiar el % por 7px

Si lo que pasa que segun pantalla se aprecia descuadrado... por ejemplo en mi monitor full hd de 23" se be bien pero en otro de 19 panoramico no incluso en la tablet se aprecia descuadrado...

[lastapril]

El problema es que has tocado demasiado el css, y se ve todo en un lateral, esa plantilla era responsive con lo cual se veia bien en todos los formatos, pero al modificarlo la has descuadro y solo se vera bien en cierto formatos

[LyL Desarrollo]

Edita el codigo en el .tpl de el slider agrega unos div 

<div class="container">
CONTENIDO DE EL .TPL
</div>

y eliminar el marginleft que le colocaste.

[maxi360]

Edita el codigo en el .tpl de el slider agrega unos div 

<div class="container">
CONTENIDO DE EL .TPL
</div>

y eliminar el marginleft que le colocaste.

 

Edita el codigo en el .tpl de el slider agrega unos div 

<div class="container">
CONTENIDO DE EL .TPL
</div>

y eliminar el marginleft que le colocaste.

 

Lo prove y nada amigo, miren un ejemplo que ya esta en la web, evidentemente la plantilla en si era responsive y para hacer algo que no fuera el de serie se tiene que tocar... a veces uno solo no se da cuenta y puede tocar algo que no deberia pero bueno... el caso si miran el segundo menu superior que hay ese no este en el tema y se adapta bien en cualquier pc y tablet excepto movil, eso es por que el div que contiene ese menu esta dentro de el div maestro que redimensiona toda la pantalla... , lo que no entiendo es si el homeslider que esta llamado con un hook en el header.tpl por que no se redimensiona?

[LyL Desarrollo]

Me das acceso por privado para probar?

[LyL Desarrollo]

Te envio unas correciones.

 

primera colocaste el div "ID" debe ser "class".

 

agrega en globals 

ul#homeslider {
padding: 0px;
}

#homeslider > li > a > img {
width: 100%;
}

elimina el max height

[LyL Desarrollo]

No olvides darlo como solucionado! 

[maxi360]

Marcado! Graciiass ammigo!