28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'ai réalisé une page d'accueil "provisoire" pour le site de la galerie d'art its.art.ist. Je viens de me rendre compte que sur Opera 9 (mac os x), la taille des noms des artistes qui exposent en ce moment est différente des autres navigateurs.

Quelqu'un a-t-il une idée d'où provient ce problème?

Cordialement,
Benjamin.
De mon côté (Opera sous linux), non seulement les fontes semblent ne pas vouloir dépasser une certaine taille maximale (à voir dans les préférences du navigateur ?).

De plus, les fontes spécifiées ne sont pas présentes sur mon système (Helvetica, Times... youhou, ça sent le mac Smiley cligne ), et il aurait été utile de préciser également des « équivalents » (Times New Roman, Nimbus Roman, Arial, etc.).
http://web.covertprestige.info/test/00-comparaison-de-fontes-pour-le-web.html

Parce que là non seulement c'est bloqué à une certaine taille, mais en plus le navigateur va utiliser une fonte pixellisée venue de je ne sais où... pas glop.

Ah oui, en parcourant la feuille de style j'ai aussi vu un appel à une image sans extension. Syndrome mac une fois de plus ? Il me semble que sur un serveur web il est utile de préciser l'extension.

Pour finir, les marges et padding latéraux en EM sont une mauvaise idée (si on augmente la taille du texte pour plus de lisibilité, on perd de l'espace d'affichage = pas un bon plan). Et pour un texte aussi grand, je crois que j'aurais utilisé une taille en pixels. Figer la taille du texte (lors du premier chargement de la page du moins) pour un texte aussi grand ne devrait pas être problématique (à débattre...).
Modifié par mpop (15 Dec 2006 - 15:11)
Coucou !

Je ne sais pas si cela répond à ta question, mais j'ai régumlièrement rencontré le soucis avec Opéra...
Les font m'apparaissent généralement plus petites que sur les autres navigateurs.
J'ai contourné le problème en augmentant légèrement la taille spécifié.

Par exemple : font-size:0.9em devient font-size:0.98em.
Le rendu était le même dans les navigateurs (IE, FF et NS) mais Opéra se mettait à jour.
Si cela peut te servir ... Smiley cligne
mpop a écrit :
les fontes semblent ne pas vouloir dépasser une certaine taille maximale (à voir dans les préférences du navigateur ?).
Pareil ici... Bizarre tout de même.

mpop a écrit :
De plus, les fontes spécifiées ne sont pas présentes sur mon système (Helvetica, Times... youhou, ça sent le mac Smiley cligne ), et il aurait été utile de préciser également des « équivalents » (Times New Roman, Nimbus Roman, Arial, etc.).
Ah tiens, j'ai toujours penser qu'avec ces polices, j'étais safe.

mpop a écrit :
Parce que là non seulement c'est bloqué à une certaine taille, mais en plus le navigateur va utiliser une fonte pixellisée venue de je ne sais où... pas glop.
Tu n'as pas un petit screenshot sous la main? Smiley smile

mpop a écrit :
Ah oui, en parcourant la feuille de style j'ai aussi vu un appel à une image sans extension. Syndrome mac une fois de plus ? Il me semble que sur un serveur web il est utile de préciser l'extension.
Non non, ça n'a rien avoir avec un quelconque "syndrôme mac" Smiley smile J'avais parlé récemment de ce sujet dans un fil ici même et j'en ai retiré comme conclusion que les extensions des images étaient facultatives. J'avais pris dans ce fil l'exemple du code proposé par le W3C pour indiquer la validité de sa page xhtml:


<p>

<a href="http://validator.w3.org/check?uri=referer">
[b]<img src="http://www.w3.org/Icons/[#red]valid-xhtml10[/#]"
alt="Valid XHTML 1.0 Strict" height="31" width="88" />[/b]
</a>

</p>


mpop a écrit :
Pour finir, les marges et padding latéraux en pixels sont une mauvaise idée (si on augmente la taille du texte pour plus de lisibilité, on perd de l'espace d'affichage = pas un bon plan).
Tu voulais dire en em j'imagine? Si c'est le cas, tout à fait d'accord.

mpop a écrit :
Et pour un texte aussi grand, je crois que j'aurais utilisé une taille en pixels. Figer la taille du texte (lors du premier chargement de la page du moins) pour un texte aussi grand ne devrait pas être problématique (à débattre...).
Oui c'est vrai que ce n'est pas indispensable ici, c'est plutôt pour garder un rapport de taille toujours équivalent. Enfin, ça n'a pas beaucoup d'importance ici Smiley cligne

Si quelqu'un, donc, a une idée pour Opera, je suis preneur Smiley smile
Benjamin D.C. a écrit :
Ah tiens, j'ai toujours penser qu'avec ces polices, j'étais safe

Des polices licenciées par Apple, on risque peu de les retrouver ailleurs... les « core fonts » de Microsoft, par contre, sont plus largement répandues (y compris sous mac et linux).
Cf. le lien que je donnais pour des familles de fontes génériques (il me reste encore à trouver une famille avec des équivalents pour Georgia...).

Benjamin D.C. a écrit :
Tu n'as pas un petit screenshot sous la main? Smiley smile

Tiens, en voilà 4 :

Firefox 2
upload/2043-firefox.jpg

Internet Explorer 6 (via Wine sous linux)
upload/2043-ie6.jpg

Konqueror 3.5
upload/2043-konqueror.jpg

Opera 9
upload/2043-opera.jpg

Benjamin D.C. a écrit :
j'en ai retiré comme conclusion que les extensions des images étaient facultatives.

Quelque chose me dit que ça va dépendre des réglages du serveur. Par exemple, les serveurs d'Amazon acceptent de servir une image même si on n'a pas indiqué l'extension, mais le serveur qui héberge le forum d'Alsacréations ne semble pas du meme avis. Tester par exemple :
http://forum.alsacreations.com/skins/pixel/bbtitle
http://forum.alsacreations.com/skins/pixel/bbtitle.gif
Le premier lien ne semble pas marcher... Ni en direct ni en inclusion d'image via la balise <img />.

Benjamin D.C. a écrit :
Tu voulais dire en em j'imagine? Si c'est le cas, tout à fait d'accord.

Oui c'est ça. Smiley confused

Benjamin D.C. a écrit :
Oui c'est vrai que ce n'est pas indispensable ici, c'est plutôt pour garder un rapport de taille toujours équivalent. Enfin, ça n'a pas beaucoup d'importance ici Smiley cligne

Je dirais plutôt l'inverse : c'est important de s'en occuper. Garder un rapport de taille équivalent, c'est très bien. Par contre, pour un utilisateur malvoyant qui a augmenté par trois la taille de texte par défaut, ça va lui faire un titre énorme... avec des mots qui pourraient bien sortir de la zone visible de la page, par exemple. Pas tip top...
Enfin, je sais pas trop ce qu'il faudrait conseiller pour ce genre de cas (très grandes tailles de texte)...
mpop a écrit :
Tiens, en voilà 4 :

Firefox 2
upload/2043-firefox.jpg

Internet Explorer 6 (via Wine sous linux)
upload/2043-ie6.jpg

Konqueror 3.5
upload/2043-konqueror.jpg

Opera 9
upload/2043-opera.jpg

Grands Dieux, mais c'est affreux! Aucune de ces captures d'écran ne correspond au résultat escompté, la plus proche étant — c'est rare — celle d'ie6, la plus horrible, celle d'Opera. Voici ce que ça "devrait" donner (résultat identitque sur Safari et Firefox).

mpop a écrit :
Quelque chose me dit que ça va dépendre des réglages du serveur. Par exemple, les serveurs d'Amazon acceptent de servir une image même si on n'a pas indiqué l'extension, mais le serveur qui héberge le forum d'Alsacréations ne semble pas du meme avis. Tester par exemple :
http://forum.alsacreations.com/skins/pixel/bbtitle
http://forum.alsacreations.com/skins/pixel/bbtitle.gif
Le premier lien ne semble pas marcher... Ni en direct ni en inclusion d'image via la balise <img />.
Oui, cela vient effectivement du serveur: chez mon hébergeur, le serveur scanne l'ensemble des fichiers portant tel nom et l'affiche. Dans le cas où deux fichiers portent le même nom mais une extension différente (png et jpg par exemple), c'est le png qui va prédominer. Mais comme je n'utilise de toute manière que du png, le problème ne se pose pas.

mpop a écrit :
Je dirais plutôt l'inverse : c'est important de s'en occuper.
Oui non c'est sûr, ce que je voulais dire, c'est que dans le cas d'une page d'accueil provisoire comme celle-là, ce n'est pas primordial mettons.

mpop a écrit :
Garder un rapport de taille équivalent, c'est très bien. Par contre, pour un utilisateur malvoyant qui a augmenté par trois la taille de texte par défaut, ça va lui faire un titre énorme... avec des mots qui pourraient bien sortir de la zone visible de la page, par exemple. Pas tip top...
Enfin, je sais pas trop ce qu'il faudrait conseiller pour ce genre de cas (très grandes tailles de texte)...
L'idéal serait évidemment de ne pouvoir qu'augmenter la taille de certains textes Smiley ravi Non mais plus sérieusement, c'est sûr qu'un texte bénéficiant d'un corps si important, une taille donnée en pixel peut se justifier... C'est juste devenu une habitude, les pourcentages pour le texte...