Annonce

  •  » Styles
  •  » Blocs à bords arrondis sous IE (avec fichier htc)

#1 2010-12-05 15:09:23

Zaphod
Former Piwigo Team
Toulouse
2006-11-13
2422

Blocs à bords arrondis sous IE (avec fichier htc)

Apparamment il y a une astuce pour faire des bords arrondis sous IE (qui marche même avec ie6).

Le principe est d'ajouter un comportement (fichier htc) à IE (http://curved-corner.googlecode.com/fil … radius.htc)
Et ensuite en css :

Code:

.arrondi {
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   -khtml-border-radius:5px;
   border-radius:5px;
   behavior:url(border-radius.htc);
}

J'ai essayé dans mon thème piwigo mais ça ne marchait pas.
J'ai essayé sur un exemple plus simple :
http://www.audreyetjulien.fr/Testborder/test.html

Il s'avère que dès qu'un sous-bloc possède déja un background, l'affichage plante...

Est-ce que quelqu'un ici connaitrait une solution à ce problème ?

(même sous ie9 il n'y a  pas les bords ronds... c'est lourd...)

Hors ligne

#2 2010-12-05 18:13:15

dreamer
Membre
St Cyr/mer (83)
2006-02-26
1058

Re: Blocs à bords arrondis sous IE (avec fichier htc)

Il existe aussi ceci : http://www.dillerdesign.com/experiment/ … /#examples , mais les arrondis avec IE , c'est vraiment pénible .....


Photos, Musiques, Camping-car,, Vidéo et le tout nouveau Recettes le tout en 14.2.0

Hors ligne

#3 2010-12-07 16:44:52

cljosse
Former Piwigo Team
2006-11-12
1167

Re: Blocs à bords arrondis sous IE (avec fichier htc)

Zaphod a écrit:

Apparamment il y a une astuce pour faire des bords arrondis sous IE (qui marche même avec ie6).

Le principe est d'ajouter un comportement (fichier htc) à IE (http://curved-corner.googlecode.com/fil … radius.htc)
Et ensuite en css :

Code:

.arrondi {
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   -khtml-border-radius:5px;
   border-radius:5px;
   behavior:url(border-radius.htc);
}

J'ai essayé dans mon thème piwigo mais ça ne marchait pas.
J'ai essayé sur un exemple plus simple :
http://www.audreyetjulien.fr/Testborder/test.html

Il s'avère que dès qu'un sous-bloc possède déja un background, l'affichage plante...

Est-ce que quelqu'un ici connaitrait une solution à ce problème ?

(même sous ie9 il n'y a  pas les bords ronds... c'est lourd...)

Je pensai que IE9 devait etre compatible HTML5 !
   Peut etre une question de syntaxe  est borderRadius

J'avai commencé un script  peux t'en inspirer(themes/gally-cuise/js/crossbrowser.js).
  J'ai laissé tomber car trop lourd..
Et trop complexe, je voulais rendre compatible FF IE7  ... LOL
Principe: tu actives crossbrowser.js dans un header
  Le script récupere les styles de la page et s'il rencontre border-radius arrondis les angles.
    - gère les backgrounds, les rotations, etc...
Si ça te dis.

A+

Hors ligne

#4 2010-12-07 16:52:05

cljosse
Former Piwigo Team
2006-11-12
1167

Re: Blocs à bords arrondis sous IE (avec fichier htc)

Hors ligne

#5 2010-12-07 17:18:04

Zaphod
Former Piwigo Team
Toulouse
2006-11-13
2422

Re: Blocs à bords arrondis sous IE (avec fichier htc)

En fait (pour le fichier htc que je citais plus haut) ça ne marche pas top quand on doit ensuite déplacer des blocs (ce qui est le cas quand je fais apparaitre le menu dans mon thème).

Donc je crois que je vais laisser tomber...

Hors ligne

#6 2010-12-07 17:38:07

cljosse
Former Piwigo Team
2006-11-12
1167

Re: Blocs à bords arrondis sous IE (avec fichier htc)

Je crois que c'est plus sage...

Hors ligne

#7 2010-12-07 18:49:34

Zaphod
Former Piwigo Team
Toulouse
2006-11-13
2422

Re: Blocs à bords arrondis sous IE (avec fichier htc)

Il existe des solutions lourdes qui peuvent marcher (fonctionner avec des images, c'est déja ce que je fais sur les vignettes mais qui sont à taille fixe) mais ça complique beaucoup la mise en page...
Et c'est beaucoup moins souple...

Peut-être que j'y viendrais mais ça n'est pas la priorité d'autant que normalement l'avenir est aux nouvelles normes...

En revanche je re-checkerai IE9... car c'est censé marcher avec lui.

Hors ligne

#8 2010-12-10 13:38:14

flop25
Équipe Piwigo
2006-07-06
6544

Re: Blocs à bords arrondis sous IE (avec fichier htc)

sinon il y a les thèmes Pure_* #sifflote #sifflote ^^

Hors ligne

#9 2010-12-10 13:56:32

Zaphod
Former Piwigo Team
Toulouse
2006-11-13
2422

Re: Blocs à bords arrondis sous IE (avec fichier htc)

Oui mais dans les blocs "Pure" ce sont des images...
Idéalement j'aurais voulu éviter les images dans mon thème pour facilité la personnalisation des couleurs.
Bon en fait j'ai quand même été obligé d'en mettre à cause de ces bords ronds.

(à la limite, ça aurait été uniquement IE6-7, là tant pis pour eux... pour ceux là je me limite à vouloir une présentation "potable", après c'est aussi aux gens de faire un effort pour avoir un navigateur à jour).

Mais IE8 ça m'emmerde quand même d'avoir une présentation moins belle.

Hors ligne

#10 2010-12-10 14:01:14

flop25
Équipe Piwigo
2006-07-06
6544

Re: Blocs à bords arrondis sous IE (avec fichier htc)

Zaphod a écrit:

Oui mais dans les blocs "Pure" ce sont des images...
Idéalement j'aurais voulu éviter les images dans mon thème pour facilité la personnalisation des couleurs.
Bon en fait j'ai quand même été obligé d'en mettre à cause de ces bords ronds.

(à la limite, ça aurait été uniquement IE6-7, là tant pis pour eux... pour ceux là je me limite à vouloir une présentation "potable", après c'est aussi aux gens de faire un effort pour avoir un navigateur à jour).

Mais IE8 ça m'emmerde quand même d'avoir une présentation moins belle.

je te comprends parfaitement : c'est même pour ça qu'à l'origine j'ai du créer un nouveau template

Pour faire des coins arrondis de manière universel, seules les images peuvent le faire : après il existe différent moyen d'y arriver en fonction du bloc (Pure_ ne font pas d'ailleurs dans la finesse, à coup de table)

Hors ligne

  •  » Styles
  •  » Blocs à bords arrondis sous IE (avec fichier htc)

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact