Jolis coins et IE8

Bonjour,

Jolis coins et IE8 sont dans un bateau, et jolis coins tombe à l’eau, qu’est-ce qui reste ?
Un gros espace vide qui fait pas beau :frowning:

Pour être sérieuse, jolis coins du couteau suisse ( 1.8.38.00), sur spip 2.1.12 fonctionne à merveille sur pc, mac et ubuntu dans firefox, google chrome, safari et opéra.
Mais bien sur pas sur IE (juste testé la 8).
Voir ici : . Sur certaines pages, en particulier l’accueil, j’ai des encadrés arrondis qui disparaissent dans IE. Mais je me demande, est-ce que ce n’est pas aussi à cause de free, qui m’empêche de laisser tout les codes du fichier .htaccess ? En tout cas, j’ai identifié une différence entre firefox avec firebug, et les outils de développement dans IE : element.style { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; } .encadrefond_accueilc { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; border-bottom-color: #FF6600; border-bottom-style: solid; border-bottom-width: 2px; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-left-color-value: #FF6600; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-left-style-value: solid; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-left-width-value: 2px; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; border-right-color-value: #FF6600; border-right-style-ltr-source: physical; border-right-style-rtl-source: physical; border-right-style-value: solid; border-right-width-ltr-source: physical; border-right-width-rtl-source: physical; border-right-width-value: 2px; border-top-color: #FF6600; border-top-style: solid; border-top-width: 2px;…} element.style { border-bottom: medium none; border-bottom: medium none; border-top: medium none; border-top: medium none; position: relative; zoom: 1; } .encadrefond_accueilc { border-bottom: #ff6600 2px solid; border-bottom: #ff6600 2px solid; border-top: #ff6600 2px solid; border-top: #ff6600 2px solid;…} J’ai cherché et cherche encore une solution autre que faire des images de ces encadrés, si quelqu’un à une idée de piste pour corriger ça ? Merci Elsa

Bonjour,

Vous pouvez utiliser « roundies.js » qui règle les problèmes de border-radius sous IE.

Toutefois, attention de ne pas mettre, avec ce script, de coins arrondis sur des input. Le Javascript les « figent » et impossible de faire une saisie dans ces balises.

Bonjour,

Peut-être je tombe à coté de la plaque...

Pour faire des angles arrondis qui fonctionnent sous IE, j'utilise un hack, tel que décrit dans ces articles

Sans passer par le couteau Suisse

Eric LM
Le 29/06/2012 17:13, Zaza a écrit :

Bonjour,

Jolis coins et IE8 sont dans un bateau, et jolis coins tombe à l'eau, qu'est-ce qui reste ?
Un gros espace vide qui fait pas beau :frowning:

Pour être sérieuse, jolis coins du couteau suisse ( 1.8.38.00), sur spip 2.1.12 fonctionne à merveille sur pc, mac et ubuntu dans firefox, google chrome, safari et opéra.
Mais bien sur pas sur IE (juste testé la 8).
Voir ici : http://mireureu.free.fr.

Sur certaines pages, en particulier l'accueil, j'ai des encadrés arrondis qui disparaissent dans IE.
Mais je me demande, est-ce que ce n'est pas aussi à cause de free, qui m'empêche de laisser tout les codes du fichier .htaccess ?
En tout cas, j'ai identifié une différence entre firefox avec firebug, et les outils de développement dans IE :

  * _Firefox_ :

element.style {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.encadrefond_accueilc {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-bottom-color: #FF6600;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #FF6600;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 2px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #FF6600;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 2px;
    border-top-color: #FF6600;
    border-top-style: solid;
    border-top-width: 2px;...}

  * IE :

element.style {
    border-bottom: medium none;
    border-top: medium none;
    position: relative;
    zoom: 1;
}
.encadrefond_accueilc {
    border-bottom: #ff6600 2px solid;
    border-top: #ff6600 2px solid;
    border-top: #ff6600 2px solid;...}

J'ai cherché et cherche encore une solution autre que faire des images de ces encadrés, si quelqu'un à une idée de piste pour corriger ça ?

Merci
Elsa

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

Merci à vous deux, si je comprend bien dans l’article d’alsacreations, si je garde jolis coins et que je rajoute roundies.js, ça devrait être compatible tous navigateurs.
J’essaye de mettre ça en place.
Merci
Elsa

Le 29/06/12 17:32, Eric Le Meur a écrit :

Bonjour,

Je viens de voir que la librairie du Couteau Suisse n'est pas la plus récente. Est-ce que par hasard, en remplaçant le fichier :
  couteau_suisse/lib/jcorner/distant_jquery.corner.js
par celui-ci :
  http://malsup.github.com/jquery.corner.js
ça fonctionnerait ?
(attention de vider les caches navigateur ensuite...)

Si oui, je vais mettre à jour le CS :wink:
Pat

Le 29/06/2012 17:13, Zaza a écrit :

Bonjour,

Jolis coins et IE8 sont dans un bateau, et jolis coins tombe à l'eau,
qu'est-ce qui reste ?
Un gros espace vide qui fait pas beau :frowning:

Pour être sérieuse, jolis coins du couteau suisse ( 1.8.38.00), sur spip
2.1.12 fonctionne à merveille sur pc, mac et ubuntu dans firefox, google
chrome, safari et opéra.
Mais bien sur pas sur IE (juste testé la 8).
Voir ici : http://mireureu.free.fr.

Sur certaines pages, en particulier l'accueil, j'ai des encadrés
arrondis qui disparaissent dans IE.
Mais je me demande, est-ce que ce n'est pas aussi à cause de free, qui
m'empêche de laisser tout les codes du fichier .htaccess ?
En tout cas, j'ai identifié une différence entre firefox avec firebug,
et les outils de développement dans IE :

Bonjour,
Ce n'est pas ça, après avoir bien tout vidé les caches c'est toujours pareil.
Je refais l'autre solution avec roundies.js que je n'ai pas fini de mettre en place.
Elsa

Le 29/06/12 21:31, PatV a écrit :

Bonjour,

Je viens de voir que la librairie du Couteau Suisse n'est pas la plus récente. Est-ce que par hasard, en remplaçant le fichier :
    couteau_suisse/lib/jcorner/distant_jquery.corner.js
par celui-ci :
    http://malsup.github.com/jquery.corner.js
ça fonctionnerait ?
(attention de vider les caches navigateur ensuite...)

Si oui, je vais mettre à jour le CS :wink:
Pat

Le 29/06/2012 17:13, Zaza a écrit :

Bonjour,

Jolis coins et IE8 sont dans un bateau, et jolis coins tombe à l'eau,
qu'est-ce qui reste ?
Un gros espace vide qui fait pas beau :frowning:

Pour être sérieuse, jolis coins du couteau suisse ( 1.8.38.00), sur spip
2.1.12 fonctionne à merveille sur pc, mac et ubuntu dans firefox, google
chrome, safari et opéra.
Mais bien sur pas sur IE (juste testé la 8).
Voir ici : http://mireureu.free.fr.

Sur certaines pages, en particulier l'accueil, j'ai des encadrés
arrondis qui disparaissent dans IE.
Mais je me demande, est-ce que ce n'est pas aussi à cause de free, qui
m'empêche de laisser tout les codes du fichier .htaccess ?
En tout cas, j'ai identifié une différence entre firefox avec firebug,
et les outils de développement dans IE :

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

Bonjour,

Aucune solution ne fonctionne, je crois que je vais être obligée de bidouiller quelque chose avec des images.
Grrr IE

Elsa

Le 30/06/12 10:20, Zaza a écrit :

Bonjour,
Ce n'est pas ça, après avoir bien tout vidé les caches c'est toujours pareil.
Je refais l'autre solution avec roundies.js que je n'ai pas fini de mettre en place.
Elsa

Le 29/06/12 21:31, PatV a écrit :

Bonjour,

Je viens de voir que la librairie du Couteau Suisse n'est pas la plus récente. Est-ce que par hasard, en remplaçant le fichier :
    couteau_suisse/lib/jcorner/distant_jquery.corner.js
par celui-ci :
    http://malsup.github.com/jquery.corner.js
ça fonctionnerait ?
(attention de vider les caches navigateur ensuite...)

Si oui, je vais mettre à jour le CS :wink:
Pat

Le 29/06/2012 17:13, Zaza a écrit :

Bonjour,

Jolis coins et IE8 sont dans un bateau, et jolis coins tombe à l'eau,
qu'est-ce qui reste ?
Un gros espace vide qui fait pas beau :frowning:

Pour être sérieuse, jolis coins du couteau suisse ( 1.8.38.00), sur spip
2.1.12 fonctionne à merveille sur pc, mac et ubuntu dans firefox, google
chrome, safari et opéra.
Mais bien sur pas sur IE (juste testé la 8).
Voir ici : http://mireureu.free.fr.

Sur certaines pages, en particulier l'accueil, j'ai des encadrés
arrondis qui disparaissent dans IE.
Mais je me demande, est-ce que ce n'est pas aussi à cause de free, qui
m'empêche de laisser tout les codes du fichier .htaccess ?
En tout cas, j'ai identifié une différence entre firefox avec firebug,
et les outils de développement dans IE :

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

Faut sans doute le signaler à l'auteur de jcorner...
  http://malsup.github.com/
Pat

Le 02/07/2012 14:16, Zaza a écrit :

Bonjour,

Aucune solution ne fonctionne, je crois que je vais être obligée de
bidouiller quelque chose avec des images.
Grrr IE

Elsa

Bonjour,

Pour Roundies.js, il faut mettre un petit script dans le head…
Soit ceci :

#remises, #benefices, #contact, etc. correspondent à tes propres ID ou class.
Puis les valeurs numériques sont l’équivalent de border-radius.

Ça marche chez moi©.

Le 2 juillet 2012 14:16, Zaza <piroufeu@wanadoo.fr> a écrit :

Bonjour,

Aucune solution ne fonctionne, je crois que je vais être obligée de bidouiller quelque chose avec des images.
Grrr IE

Elsa

Le 30/06/12 10:20, Zaza a écrit :

Bonjour,
Ce n’est pas ça, après avoir bien tout vidé les caches c’est toujours pareil.
Je refais l’autre solution avec roundies.js que je n’ai pas fini de mettre en place.
Elsa

Le 29/06/12 21:31, PatV a écrit :

Bonjour,

Je viens de voir que la librairie du Couteau Suisse n’est pas la plus récente. Est-ce que par hasard, en remplaçant le fichier :
couteau_suisse/lib/jcorner/distant_jquery.corner.js
par celui-ci :
http://malsup.github.com/jquery.corner.js
ça fonctionnerait ?
(attention de vider les caches navigateur ensuite…)

Si oui, je vais mettre à jour le CS :wink:
Pat

Le 29/06/2012 17:13, Zaza a écrit :

Bonjour,

Jolis coins et IE8 sont dans un bateau, et jolis coins tombe à l’eau,
qu’est-ce qui reste ?
Un gros espace vide qui fait pas beau :frowning:

Pour être sérieuse, jolis coins du couteau suisse ( 1.8.38.00), sur spip
2.1.12 fonctionne à merveille sur pc, mac et ubuntu dans firefox, google
chrome, safari et opéra.
Mais bien sur pas sur IE (juste testé la 8).
Voir ici : http://mireureu.free.fr.

Sur certaines pages, en particulier l’accueil, j’ai des encadrés
arrondis qui disparaissent dans IE.
Mais je me demande, est-ce que ce n’est pas aussi à cause de free, qui
m’empêche de laisser tout les codes du fichier .htaccess ?
En tout cas, j’ai identifié une différence entre firefox avec firebug,
et les outils de développement dans IE :


liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc


liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc


liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

J’ai corrigé ce que j’avais mis, mais toujours pas de résultat.
Donc soit je me suis trompé quelque part, soit j’ai autre chose qui empêche que ça marche, mais où ?

J’ai mis :
-Dans le squelette du sommaire, entre et à la fin :

-Le css :
.encadrefond_accueilc { margin: 27px auto 10px auto; padding: 0; width: 520px; border: 2px solid #ff6600; background-color: #fff; }
.encadre_accueilc { position: relative; top:-17px; left: -3px; margin: 0; padding: 40px 10px 0 10px; width: 506px; background: url(« images/Chapeau.png ») no-repeat top left; text-align: center; }

J’ai un premier div pour l’encadré arrondi, et un second qui passe dessus pour le chapeau avec le texte.

Sinon comme plugins d’activés j’ai :
Alinéas 0.2.0
cfg 1.16.0
Enluminures typographiques 3.3.0
jQuery UI 1.8.16
Le Couteau Suisse 1.8.38.00
Saisies pour formulaires 1.16.0
SkelEditor 2.0.1
SPIP Bonux 2.3.0
SPIP reset 2.0.0
Step 0.15.6

Et enfin, dans le CS j’ai activé « décoration » pour appeler ces fameux encadrés dans les articles.

Merci pour l’aide.
Elsa

Est ce que votre fichier roundies.js ne serait pas dans le répertoire squelettes?
Si oui, mettre src=« squelettes/script/roundies.js »
Ou src="#CHEMIN{script/roundies.js}"

Non, je l’ai mis comme indiqué dans Alsacréations au premier niveau dans un dossier script.