PC SOFT

FORUMS PROFESSIONNELS
WINDEVWEBDEV et WINDEV Mobile

Accueil → WEBDEV 2024 → Cellules et CSS
Cellules et CSS
Débuté par Fabien, 22 jan. 2018 15:36 - 7 réponses
Membre enregistré
83 messages
Popularité : +4 (4 votes)
Posté le 22 janvier 2018 - 15:36
Bonjour,

Je désespère de voir que - en 2018 - lorsque je crée une cellule avec bords arrondis et couleur de fond la page HTML générée contient :

- 1 image générée pour chaque bord (soit 4 images)
- 1 image pour la couleur de fond

Au total 5 images (!) pour un style qui s'écrit en 3 lignes de CSS et s'affiche 5 fois plus vite. M'étonne pas que la compil prenne autant de temps...
Surtout ne pas zoomer sur le navigateur car ça pixelise grave...

Ma question : il y a du progrès de ce côté en version 23 ?

Merci
Posté le 23 janvier 2018 - 12:32
Bonjour,
J'ai rien vue de tel en 23.
Mais ça reste quand même faisable en bidouillant.

Dans le code html généré avant la cellule , onglet "Avancé" :
<div style="border: 2px solid white; border-radius: 7px">

Dans le code html généré aprés :
</div>
Membre enregistré
83 messages
Popularité : +4 (4 votes)
Posté le 23 janvier 2018 - 14:54
Oui c'est plus ou moins ce que je fais (j'ajoute une classe CSS), le problème c'est que le rendu du champ est différent entre l'éditeur et l'exécution, l'AGL perd alors un peu de son intérêt...
Posté le 24 janvier 2018 - 09:08
Fabien a écrit :
Oui c'est plus ou moins ce que je fais (j'ajoute une classe CSS), le problème
c'est que le rendu du champ est différent entre l'éditeur et l'exécution,
l'AGL perd alors un peu de son intérêt...


oulah ...vaste sujet.
de notre côté je ne sais pas si l'on utilise maintenant plus de 20% des
"automatiques" de webdev
On finit par faire presque tout en css, en jquery, en ztr etc ...

Mais bon manipuler tout ça en wlangage, c'est quand même plus facile
qu'avec sa ....et son couteau en php



---
Cet email a fait l'objet d'une analyse antivirus par AVG.
http://www.avg.com
Membre enregistré
382 messages
Popularité : +18 (22 votes)
Posté le 24 janvier 2018 - 10:24
Arriety a écrit :
Bonjour,
J'ai rien vue de tel en 23.
Mais ça reste quand même faisable en bidouillant.

Dans le code html généré avant la cellule , onglet "Avancé" :
<div style="border: 2px solid white; border-radius: 7px">

Dans le code html généré aprés :
</div>


Le soucis, c'est des tables dans des tables. Et faut penser a arrondir la table interne si elle a un fond de couleur. Sinon ca dépasse.
Membre enregistré
83 messages
Popularité : +4 (4 votes)
Posté le 24 janvier 2018 - 18:54
@Eric : si j'étais seul à travailler sur le projet ça ne me poserait pas plus de problème que ça, mais les autres développeurs n'ont pas forcément les connaissances suffisantes en CSS3.

@Cedvano : les tables encore ça passe... mais des images pour arrondir les angles ça me dépasse.
Probablement un lointain héritage de compatibilité avec IE<8, mais j'estime que lorsqu'on choisit un mode de génération des pages en HTML5 on ne devrait pas obtenir un tel résultat, en tout cas rien ne le justifie.
Membre enregistré
83 messages
Popularité : +4 (4 votes)
Posté le 16 février 2018 - 10:16
Ma complainte a visiblement été entendue... :)

L'update 1 de Webdev 23 permet ENFIN de gérer cadre & fond de cellule en CSS, donc SANS image.
Posté le 19 février 2018 - 09:53
Voilà une nouvelle qui fait plaisir, je vais m’empresser de tester ça :)