Jump to content

[résolu]1.5.0.9 problème graphique


Recommended Posts

Salut,

Ci joint deux captures d'écran sous IE9 qui pose problème avec l'icône "nouveau" sur l'image qui est mal positionnée tandis que sur Firefox tout est parfait, y aurait il une modif manuelle sur le code à effectuer assez rapidement ? merci d'avance.

post-17005-0-98872500-1333003441_thumb.jpg

post-17005-0-52705400-1333003459_thumb.jpg

Link to comment
Share on other sites

Tout à fait, ce qui est logique à la vue du CSS pour cette propriété : "-moz-transform: rotate(45deg);"

 

Il n'y a que du CSS 3 pour Firefox et non pour les autres navigateurs ;) Par conséquent, le bandeau s'affiche sans inclinaison sur tous les autres navigateurs autres que Mozilla.

 

Pour gérer tous les navigateurs, il faudrait ces styles là :

 

transform: rotate(45deg);

-ms-transform: rotate(45deg); /* IE 9 */

-webkit-transform: rotate(45deg); /* Safari and Chrome */

-o-transform: rotate(45deg); /* Opera */

-moz-transform: rotate(45deg); /* Firefox */

 

A voir si ça fonctionne, c'est plus un truc de graphiste ça :P

Link to comment
Share on other sites

Mon fichier est grandement modifié pour une maquette précise, il ne vous serait donc d'aucune utilité.

Cependant je pense savoir d'où vient votre problème :

 

Allez dans l'onglet performance et désactivez le cache et forcez la compilation du template Smarty.

 

Ensuite, vous devriez voir vos modifications apparaître après un petit ctrl+f5 sur votre navigateur.

Link to comment
Share on other sites

En passant, il faut faire la même modification sur le CSS du thème "product_list.css" :

 

#product_list li span.new {

display: block;

position: absolute;

top: 15px;

right:-30px;

padding: 1px 4px;

width: 101px;

font-size:10px;

color: #fff;

text-align: center;

text-transform: uppercase;

transform: rotate(45deg);

-moz-transform: rotate(45deg);

-webkit-transform: rotate(45deg);

-o-transform:rotate(45deg);

-ms-transform: rotate(45deg);

background-color: #990000

}

Link to comment
Share on other sites

  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...