Jump to content

Adaptation CSS pour IE 7 / IE 8 (rémunération)

funnelle

By funnelle
in Appels d'offres et prestations

 Share

Recommended Posts

funnelle Newbie

funnelle

Posted
Posted

Bonjour, 

 

J'ai acquis une design (Template) depuis la boutique prestashop.

L'auteur du thème ne désire pas le rendre compatible ie 7 ou ie 8 (alors qu'il l'est pour ie 9)

Contre rémunération est ce qu'une personne se sent de le faire ?

 

Au plaisir,

Link to comment
Share on other sites
funnelle Newbie

funnelle

Posted
  • Author
Posted

C'est à dire qu'ils travaillent avec des ... mairies ! *LOOOOL*

Donc j'ai perdu toute relativité =P

 

le template : http://sharktemplate.com/gadgets-blue/index.php

 

Donc bon, le rendre compatible IE8 serait déjà merveilleux, il me semble pas que ce soit trop complexe, car à priori il n'y a que le menu qui ne semble pas bien fonctionner (d'après un essai sur IETester).

 

Mille merci ! 

Au plaisir :)

Link to comment
Share on other sites
Julien64 Newbie

Julien64

Posted
Posted

ah effectivement ^^

 

Avez vous déjà acheté le thème et avez vous déjà fait des tests? Car en regardant le thème je vois que les systèmes de compressions ccc ont l'air activé et il me semble dans des souvenirs lointains avoir déjà eu ce genre de problème sur IE simplement à cause de ces optimisations de Prestashop. Avec un peu de chance ce serait juste ça qui fait buger le menu ;)

Link to comment
Share on other sites
funnelle Newbie

funnelle

Posted
  • Author
Posted

ah effectivement ^^

 

Avez vous déjà acheté le thème et avez vous déjà fait des tests? Car en regardant le thème je vois que les systèmes de compressions ccc ont l'air activé et il me semble dans des souvenirs lointains avoir déjà eu ce genre de problème sur IE simplement à cause de ces optimisations de Prestashop. Avec un peu de chance ce serait juste ça qui fait buger le menu ;)

 

Oui j'ai fait l'acquisition du thème, et les tests sont les memes ='(

çà aurait été parfait :P mais il semble que non ce ne sont pas les systèmes de compressions en cause : voici la config :

 

 

"Smart cache" pour les feuilles de style

 Conserver le fonctionnement classique 
 

"Smart cache" pour le code JavaScript

 Conserver le fonctionnement classique 
 

Réduction du code HTML

 Conserver le fonctionnement classique 
 

Compression du JavaScript dans le code HTML

 Conserver le fonctionnement classique 

 

Optimisation Apache

Non

En cochant cette case, votre fichier .htaccess sera complété automatiquement avec des directives améliorant le cache et la compression.

 

Merci de votre aide :)

Link to comment
Share on other sites
Julien64 Newbie

Julien64

Posted
Posted

Arf dommage ça aurait été sympa que ce soit ça!

 

En testant le site sous IE8 j'ai l'impression que les CSS du menu ne sont tout simplement pas prises en compte. Sur votre version de test est ce que dans le code source sous IE vous avez bien l'appel aux fichiers relatifs au menu qui se font?

 

J'avais aussi eu un problème sur IE au niveau du nombre de modules, quand il est trop elevé IE ne prennait plus en compte certains fichiers... Essayer de modifier l'ordre d'appel à ses fichiers dans "modules > positions" et "Pages header" en remontant celui du module de menu pour voir si ça vient de la?

Ou un autre test consiste à copier/coller les CSS du menu directement dans le CSS global du thème par exemple pour vérifier.

Link to comment
Share on other sites
funnelle Newbie

funnelle

Posted
  • Author
Posted

Bonjour à tous, et merci de votre implication.

 

Suite aux conseils de Julien j'ai vérifié, le menu semble bien etre appelé sur IE8 

d'ailleurs il porte le nom de : meanmenu.css

 

J'ai directement édité le fichier global, pour lui injecter le code de fichier (meanmenu.css) rien à faire, le menu reste ... cassé sur IE8.

 

Néanmoins, peut etre avec le code de ce fichier cela serait plus simple ? Il semble que cela soit un rajout du créateur, sur une source " open " ;)

 

Merci de votre aide en tout cas ! :)


/*! #######################################################################

	MeanMenu
	--------
	
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	min-height: 42px;
}

.mean-container a.meanmenu-reveal {
	width: 100%;
	height: 22px;
	padding: 10px 0;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	line-height: 22px;
	display: block;
	font-family: "roboto_condensedregular", Arial, Helvetica, sans-serif;

}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
	width:18px;
	float:right;
	clear:both;
	margin-right:16px;
}

.meanclose { text-align:right !important; padding-right:10px;}
.mean-container a.meanmenu-reveal div {
	padding-left:3%;
	color:#fff;
	text-align:left;
	font-size:14px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	margin-top: 42px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
	font-family:"roboto_condensedregular", arial;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 94%;
	padding: 1em 3%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 90%;
	padding: 1em 5%;
	border-bottom: 1px solid #fff;
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	padding: 1em 8%;
    width: 84%;
}

.mean-container .mean-nav ul li li li li a {
	width: 74%;
	padding: 1em 13%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 64%;
	padding: 1em 18%;
}

.mean-container .mean-nav ul li li li li li li a {
	width: 54%;
	padding: 1em 23%;
}

.mean-container .mean-nav ul li li li li li li li a {
	width: 44%;
	padding: 1em 28%;
}


.mean-container .mean-nav ul li a.mean-expand {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    font-weight: 700;
    height: 12px;
    padding: 7px !important;
    position: absolute;
    right: 11px;
    text-align: center;
    top: 4px;
    width: 12px;
    z-index: 2;
}


.mean-container .mean-nav ul li a.mean-expand:hover {
	background: #90C322 !important;
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.res-menu .container_column {
    margin: 0 auto;
}


nav.desk-menu, nav.desk-menu li ul, .mean-bar {

}

nav.desk-menu, nav.desk-menu li ul, .mean-bar {}
nav.desk-menu li:hover, .mean-bar li a:hover { background:#90C322; color:#fff;}
.sec_border {border-bottom: 1px solid #DBDBDB;
    border-top: 1px solid #DBDBDB;
}
.res-menu {
	background:#3e3e3e;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
	clear:both;
}
@media screen and (min-width: 959px) {

.res-menu .container_column { margin:0 auto;}
.container {
    width: 90%;
    max-width: 900px;
    margin: 10px auto;
}
a.toggleMenu {
    background:url("../img/header_menubg.png") repeat scroll 0 0 #9B1717;
    color: #FFFFFF;
    display: none;
    padding:17px 15px;
	font-size:16px;
}
a.toggleMenu:hover { text-decoration:none;}
.nav a:hover { text-decoration:none; color:#fff;}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
nav.desk-menu {}
.nav ul {
    list-style: none;
    min-width: 15em;
	white-space:nowrap;
}
.nav a {
    padding: 10px 15px;
    color:#fff;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;

}
.nav > li > .parent {
	background-image: url("../img/downArrow.png");
    background-position: 95% center;
    background-repeat: no-repeat;
	padding-right:30px;
}
.nav > li > a {
    display: block;
	font-size:1.4em;
	line-height:25px;
	font-family: Poor richard, "oswaldbook",Geneva,sans-serif;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#fff;
	
}
.nav li ul {
    position: absolute;
    left: -9999px;
	z-index:9999;
	background:#3E3E3E;
	
}
.nav li ul, .nav li.hover li ul, .nav li.hover li.hover li ul, .nav li.hover li.hover li.hover li ul, .nav li.hover li.hover li.hover li.hover li ul {display:none;}
.nav li.hover ul, .nav li li.hover ul, .nav li.hover li.hover ul, .nav li.hover li.hover li.hover ul, .nav li.hover li.hover li.hover li.hover ul, .nav li.hover li.hover li.hover li.hover li.hover ul  { display:block;}
.nav > li.hover > ul {
    left: 0;
	display:block;
	z-index:9999;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
	z-index:9999;
}
.nav li li a {
    display: block;
    position: relative;
    z-index:100;
    border-top: 1px solid #ccc;
	font-size:14px;
	font-family: lato, 'roboto_condensedregular', Arial;
}
.nav li li li a {
    z-index:200;
    border-top: 1px solid #ccc;
}
}
Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...