Bonjour,
J'ai déjà posté ce sujet sur le forum "Firefox", mais je me demande s'il n'est pas davantage à sa place ici : Je viens de faire la MàJ vers FF 13 et je constate (avec tristesse !) que la propriété de style "-moz-border-radius" n'est plus reconnue. Je suis le concepteur-bidouilleur de trois sites sous kompozer et j'avais pris l'habitude d'arrondir les angles de mes tableaux. Les utilisateurs d'IE et de chrome continuaient à voir des coins anguleux, mais après tout, tant pis pour eux.
J'ai lu que la propriété "border-radius" avait été officialisée et qu'il n'y avait plus besoin d'indiquer le préfixe -moz. J'ai donc essayé de le supprimer, mais cela ne change rien. Je suppose que la syntaxe a changé, mais je nage un peu (beaucoup même) et je ne peux rien tirer du lien qu'on m'a donné : https://developer.mozilla.org/en/CSS/border-radius
Ma question est simple : Par quoi remplacer "-moz-border-radius", que j'ajoutais simplement dans le style d'un tableau, comme ci-dessous ?
<table
style="-moz-border-radius : 10px; text-align: left; width: 980px; margin-left: auto; margin-right: auto; background-color: white;"
border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;"><br>
</td>
</tr>
</tbody>
</table>
Firefox 13 et border-radius [RÉSOLU]
Modérateur : chinon37
Firefox 13 et border-radius [RÉSOLU]
Dernière modification par Jakez le 08 juin 2012, 11:28, modifié 1 fois.
Re: Firefox 13 et border-radius
Bonjour,
quelques petites erreurs:
IL ne faut pas d'espace entre border -radius et les deux points.
Le code ci dessous marche sans problème avec Firefox (avec ou sans -moz)
A noter toutefois que l'éditeur css de KompoZer ne reconnait pas les propriétés css3.
quelques petites erreurs:
IL ne faut pas d'espace entre border -radius et les deux points.
Le code ci dessous marche sans problème avec Firefox (avec ou sans -moz)
A noter toutefois que l'éditeur css de KompoZer ne reconnait pas les propriétés css3.
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>essai</title>
</head><body>
<table style="border: 1px solid rgb(102, 102, 102); border-radius: 10px; text-align: left; width: 980px; margin-left: auto; margin-right: auto; background-color: white;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;"><br>
</td>
</tr>
</tbody>
</table>
</body></html>Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Re: Firefox 13 et border-radius
Merci de ta réponse.
OK pour l'espace en trop, mais l'erreur est corrigée automatiquement par Kompozer, qui transforme également "-moz-border-radius" en" moz-border-radius-topleft ... topright etc."
Le code que tu me donnes ne fait pas appel lui non plus à une feuille de style, ou alors je suis encore plus nul que je croyais. Pourquoi alors me parles-tu de l'éditeur CSS de Kompozer ?
J'ai fait un essai avec ton code, et j'ai toujours des coins à angle droit sous FF 13. C'est d'ailleurs normal, puisque Kompozer fait disparaître la propriété "border-radius" lors de l'enregistrement. Il ne conserve la propriété que si j'ajoute le préfixe -moz-, mais même dans ce cas à l'affichage dans FF13 les coins ne sont pas arrondis. De plus ta ligne <!DOCTYPE ... est remplacée par celle de Kompozer. Et voici ce que j'obtiens :
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>essai</title>
</head>
<body>
<table
style="border: 1px solid rgb(102, 102, 102); text-align: left; width: 980px; margin-left: auto; margin-right: auto; background-color: white;"
border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;"><br>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Je continue à patauger ... et je me demande s'il y a une solution.
OK pour l'espace en trop, mais l'erreur est corrigée automatiquement par Kompozer, qui transforme également "-moz-border-radius" en" moz-border-radius-topleft ... topright etc."
Le code que tu me donnes ne fait pas appel lui non plus à une feuille de style, ou alors je suis encore plus nul que je croyais. Pourquoi alors me parles-tu de l'éditeur CSS de Kompozer ?
J'ai fait un essai avec ton code, et j'ai toujours des coins à angle droit sous FF 13. C'est d'ailleurs normal, puisque Kompozer fait disparaître la propriété "border-radius" lors de l'enregistrement. Il ne conserve la propriété que si j'ajoute le préfixe -moz-, mais même dans ce cas à l'affichage dans FF13 les coins ne sont pas arrondis. De plus ta ligne <!DOCTYPE ... est remplacée par celle de Kompozer. Et voici ce que j'obtiens :
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>essai</title>
</head>
<body>
<table
style="border: 1px solid rgb(102, 102, 102); text-align: left; width: 980px; margin-left: auto; margin-right: auto; background-color: white;"
border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;"><br>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Je continue à patauger ... et je me demande s'il y a une solution.
Re: Firefox 13 et border-radius
Suite de mes investigations : En fait, c'est Kompozer le responsable, car il n'accepte pas la propriété "border-radius" sans le préfixe -moz-. J'ai installé BlueGriffon, et là, plus de problème : Il me suffira de supprimer -moz- dans toutes mes pages, ce qui me prendra tout de même un certain temps, mais je retrouverai mes tableaux à coins arrondis. Il me reste à vérifier la syntaxe pour les quatre coins (topleft, topright, bottomleft et bottomright), qui me semble différente de celle que j'utilisais précédemment
Le problème est plutôt d'ordre sentimental : Je vais devoir me séparer définitivement de Kompozer - que j'utilise depuis le début ... Dommage !
Le problème est plutôt d'ordre sentimental : Je vais devoir me séparer définitivement de Kompozer - que j'utilise depuis le début ... Dommage !
Re: Firefox 13 et border-radius
Bonjour
Pour la modification de cette feuille externe, utiliser un éditeur de texte pur. Sous Windows, le maître-achat est Notepad++
En prime, tous les éventuels remplacements de texte par un autre pourront être faits à la volée.
Attention toutefois au fait que les visiteurs du site qui ne disposeront que d'une ancienne version de Firefox ne pourront pas profiter des coins "arrondis" : le préixe -moz leur est indispensable.
Ceci dit, j'ignore à partir de quelle version on peut envoyer -moz par dessus les moulins. Question à poser sur le forum FF?
Sous-question: BlueGriffon accepterait autre chose que HTML pur, maintenant?
Plus rationnel: envoyer toutes les directives de style dans une feuille externe et ne plus y toucher, sous aucun prétexte, avec KompoZer.Jakez a écrit :Suite de mes investigations : En fait, c'est Kompozer le responsable, car il n'accepte pas la propriété "border-radius" sans le préfixe -moz-. J'ai installé BlueGriffon, et là, plus de problème : Il me suffira de supprimer -moz- dans toutes mes pages, ce qui me prendra tout de même un certain temps, mais je retrouverai mes tableaux à coins arrondis. Il me reste à vérifier la syntaxe pour les quatre coins (topleft, topright, bottomleft et bottomright), qui me semble différente de celle que j'utilisais précédemment
Le problème est plutôt d'ordre sentimental : Je vais devoir me séparer définitivement de Kompozer - que j'utilise depuis le début ... Dommage !
Pour la modification de cette feuille externe, utiliser un éditeur de texte pur. Sous Windows, le maître-achat est Notepad++
En prime, tous les éventuels remplacements de texte par un autre pourront être faits à la volée.
Attention toutefois au fait que les visiteurs du site qui ne disposeront que d'une ancienne version de Firefox ne pourront pas profiter des coins "arrondis" : le préixe -moz leur est indispensable.
Ceci dit, j'ignore à partir de quelle version on peut envoyer -moz par dessus les moulins. Question à poser sur le forum FF?
Sous-question: BlueGriffon accepterait autre chose que HTML pur, maintenant?
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Re: Firefox 13 et border-radius
Ouais, le PHP est supporté il semblerait. Mais perso, je m'en sers que pour faire du HTML et franchement, côté HTML, KompoZer est complètement largué à côté de BluGriffon. Par contre niveau, ergonomie c'est vraiment pas ça. Y a plein de truc ultra énervant qui me font parfois regretter KompoZer.Ymai a écrit :Sous-question: BlueGriffon accepterait autre chose que HTML pur, maintenant?
Mon blog de dév web ― Thème pour le forum Geckozone ― Le clavier Latin-9 fr sous Windows ― Raccourcis clavier pour Firefox
Debian 8 KDE avec Firefox & Nightly
Debian 8 KDE avec Firefox & Nightly
Re: Firefox 13 et border-radius
Dire cela revenait à dire que KompoZer ne reconnaissait pas les propriétés css3. Il faut donc passer par un éditeur externe. J'avais pour ma part utilisé Notepad++A noter toutefois que l'éditeur css de KompoZer ne reconnait pas les propriétés css3.
Il faut bien reconnaitre qu'en l'absence d'évolution, KompoZer est désormais fort logiquement largué sur les nouvelles "normes"... Et j'ai bien l'impression que désormais, Kaze a passé tout ça par pertes et profits
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Re: Firefox 13 et border-radius [RÉSOLU]
À Ymai : Je ne trouve pas très "rationnel", comme tu l'écris, d'utiliser un éditeur externe en plus de kompozer, avec le risque de faire une fausse manip entre les deux. BlueGriffon me semble fonctionner correctement, avec en gros les mêmes fonctionnalités que Kompozer. Il y a cependant des choses que je n'aime pas dans BG, comme par exemple l'absence de vraie fenêtre de recherche/remplacement ... et des bugs assez fréquents : copier/coller inactif par clic droit ou menu déroulant, accessible seulement par raccourci clavier, et autres bricoles agaçantes. Kompozer a lui aussi ses bugs (fonctions qui se désactivent), mais je m'y étais habitué depuis le temps.
Reste que l'arrêt de fait du développement de Kompozer le rend obsolète, et il est probable que d'autres incompatibilités de commandes apparaîtront un jour ou l'autre. La mort dans l'âme, j'ai mis Kompozer à la retraite, une retraite bien méritée, et qui sait, il reprendra peut-être de l'activité.
Reste que l'arrêt de fait du développement de Kompozer le rend obsolète, et il est probable que d'autres incompatibilités de commandes apparaîtront un jour ou l'autre. La mort dans l'âme, j'ai mis Kompozer à la retraite, une retraite bien méritée, et qui sait, il reprendra peut-être de l'activité.
Re: Firefox 13 et border-radius
Petite précision
... plus rationnel, etc...Jakez a écrit : Il me suffira de supprimer -moz- dans toutes mes pages, ce qui me prendra tout de même un certain temps
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Re: Firefox 13 et border-radius [RÉSOLU]
Quelques heures plus tard, après plusieurs heures passées à tester BlueGriffon.
Je ne sais pas ce qui est le plus rationnel : Si je crée feuille de style avec un éditeur externe, il faudra que j'ajoute dans toutes mes pages les références à cette feuille de style, et ce sera encore beaucoup plus long. L'avantage, et je reconnais qu'il n'est pas mince, c'est que les pages futures pourront être réalisées sous Kompozer, que j'aimerais continuer à utiliser.
Mes premiers contacts avec BlueGriffon ne sont pas très convaincants : Plus j'avance plus je mesure la supériorité de Kompozer (simplicité, ergonomie, caractère intuitif ...). Il y a des manipulations très simples sous Kompozer qui me semblent inaccessibles sous BG, comme par exemple le choix de la couleur de fond dans un tableau. Je me demande même si je ne vais pas tout simplement renoncer aux coins arrondis pour rester sous Kompozer ... avec l'espoir que son développement reprendra un jour.
Quant à la feuille de style CSS, c'est un autre problème. Je n'en ai jamais créé, et je patauge pour essayer d'en fabriquer une avec les propriétés "border-radius" applicables aux tableaux ou aux cellules. Jusqu'à maintenant je ne suis arrivé à rien, malgré toutes les pages d'aide que j'ai visitées depuis hier. Je dois être nul !
Je ne sais pas ce qui est le plus rationnel : Si je crée feuille de style avec un éditeur externe, il faudra que j'ajoute dans toutes mes pages les références à cette feuille de style, et ce sera encore beaucoup plus long. L'avantage, et je reconnais qu'il n'est pas mince, c'est que les pages futures pourront être réalisées sous Kompozer, que j'aimerais continuer à utiliser.
Mes premiers contacts avec BlueGriffon ne sont pas très convaincants : Plus j'avance plus je mesure la supériorité de Kompozer (simplicité, ergonomie, caractère intuitif ...). Il y a des manipulations très simples sous Kompozer qui me semblent inaccessibles sous BG, comme par exemple le choix de la couleur de fond dans un tableau. Je me demande même si je ne vais pas tout simplement renoncer aux coins arrondis pour rester sous Kompozer ... avec l'espoir que son développement reprendra un jour.
Quant à la feuille de style CSS, c'est un autre problème. Je n'en ai jamais créé, et je patauge pour essayer d'en fabriquer une avec les propriétés "border-radius" applicables aux tableaux ou aux cellules. Jusqu'à maintenant je ne suis arrivé à rien, malgré toutes les pages d'aide que j'ai visitées depuis hier. Je dois être nul !
Re: Firefox 13 et border-radius [RÉSOLU]
Après quelques jours de bidouillage, j'ai fini par m'en sortir. La feuille de style "border-radius" (une première pour moi) a été très simple à créer, mais la façon de l'appeler dans la page html m'a coûté des heures de tâtonnements, d'autant plus que les aides consultées ici ou là me proposaient des solutions différentes, presque toutes inadaptées. Finalement j'ai découvert l'utilisation du paramètre id="xxx", valable pour les tableaux, les colonnes et les cellules et maintenant tout baigne. Plus que quelques centaines de pages à mettre à jour ...
Ci-après les adresses de "mes" trois sites, primaires et sans doute maladroits dans leur programmation, mais dont le rendu correspond tout-à-fait au but recherché : pas de chichis, des informations, un contenu facile à maintenir à jour ... Pour l'instant seules les pages d'index et d'accueil ainsi que les dernières pages composées utilisent le style CSS externe "border-radius". Les autres conservent le préfixe "-moz-" dans la ligne html.
http://www.lebourdonnel.eu
http://www.quimper-remscheid.eu
http://www.solidarite-peche.org
Ci-après les adresses de "mes" trois sites, primaires et sans doute maladroits dans leur programmation, mais dont le rendu correspond tout-à-fait au but recherché : pas de chichis, des informations, un contenu facile à maintenir à jour ... Pour l'instant seules les pages d'index et d'accueil ainsi que les dernières pages composées utilisent le style CSS externe "border-radius". Les autres conservent le préfixe "-moz-" dans la ligne html.
http://www.lebourdonnel.eu
http://www.quimper-remscheid.eu
http://www.solidarite-peche.org
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité