Une petite dernière (ou presque !)

[calimo]

Il y a encore une petite différence d'affichage entre MF et IE mais c'est difficile à traiter car je crois qu'ils interprêtent les épaisseurs des cadres de façon différente.

Tu devrais pouvoir résoudre le problème en enlevant le prologue xml.

Pour la police, Georgia est plus conseillée que Times pour la lecture à l'écran.

Petit détail sur le menu qui bougeotte un peu à cause des marges que tu définit à 2px par défaut et 3px en hover.

Encore une dernière chose (pour l'instant) :

Code : Tout sélectionner

.fondfeuilles{
background:url(images/feuilles.jpg);
width: 765px;
}

C'est très bien avec une résolution de 800x600, mais avec une résolution plus haute ça donne ça :
mets width:100% Ça devrait aller mieux

[Hoaxyde]

Ah oui, j'avais pensé à mettre en 800*600, c'est vrai que ça rend un peu mieux...

Bon, je t'ai légerement modifié ton fichier HTML et ton CSS, ça rend selon moi beaucoup beaucoup mieux.

Je te les envoie par mail

[DJiK]

Une idée qui vient de me venir: ce serait possible de faire grossir les images, mais par exemple de 10% de la taille de l'image.
Histoire d'avoir une même classe dans le .css pour toutes les images, et qu'elles grossisent toutes un peu quand la souris est dessus.


Super idée hein? Mais pas trop possible j'ai peur...

[Hoaxyde]

Vala le résultat de mes petites modifs, pour que tout le monde puisse voir.

http://hoaxyde.free.fr/Etabli/etabli.html .

++

[Ricardo]

Une idée qui vient de me venir: ce serait possible de faire grossir les images, mais par exemple de 10% de la taille de l'image.
Histoire d'avoir une même classe dans le .css pour toutes les images, et qu'elles grossisent toutes un peu quand la souris est dessus.


Super idée hein? Mais pas trop possible j'ai peur...

Je ne comprends pas ce que tu veux de différent de ce qui se passe là
Tout au moins avec MF

[Ricardo]

Vala le résultat de mes petites modifs, pour que tout le monde puisse voir.
++

En fait, le changement que tu proposes est la couleur orangée à la place du cyan et les lettres en noir au lieu de bleu.
Ça rend pas mal.
Tu places le menu sur un côté : oui, c'est un peu moins rigide, en effet et les couleurs de fond et de font vont bien
Le bandeau qui annonce l'agrandissement des photos est décalé mais je pense que ce n'est pas voulu
Je vais certainement te donner raison. 8)

[Hoaxyde]

Comme tu veux... Je trouve ça juste nettement moins agressif pour les yeux...

++

[Ricardo]

Tu devrais pouvoir résoudre le problème en enlevant le prologue xml.

J'ai fait mais je ne vois pas beaucoup de différence

Pour la police, Georgia est plus conseillée que Times pour la lecture à l'écran.

Je vais faire

Petit détail sur le menu qui bougeotte un peu à cause des marges que tu définit à 2px par défaut et 3px en hover.

En effet, erreur réparée

Encore une dernière chose (pour l'instant) :

Code : Tout sélectionner

.fondfeuilles{
background:url(images/feuilles.jpg);
width: 765px;
}

C'est très bien avec une résolution de 800x600, mais avec une résolution plus haute ça donne ça :
mets width:100% Ça devrait aller mieux

Il serait préférable, alors, de n'employer que des % pour ttes les dimensions de cadre, si on veut que ça soit lisible ds les diverses résolutions
Je vais tenter de corriger

[DJiK]

Je ne comprends pas ce que tu veux de différent de ce qui se passe là

Toi ça marche nickel parce que toutes les images font la m^ taille.
Mais je veux dire, sur un autre site où on a plein d'image de tailles différentes, qu'elles grossissent toutes de 10% par exemple.

A moins de faire une classe dans le .css pour chaque format d'image...

[calimo]

Il serait préférable, alors, de n'employer que des % pour ttes les dimensions de cadre, si on veut que ça soit lisible ds les diverses résolutions
Je vais tenter de corriger

Oui en effet, regarde ta page d'accueil :

Les boites ne s'adaptent pas aux changements de résolution si tu les définit en valeurs absolues (pt, px...). Mieux vaut les définir en "%", ou parfois en "em".
Ainsi si tu mets les hauteurs à 100% par exemple, la largeur de cadremenu à 15em; et le "left" de cadre titre à 15em, tu aura quelque chose qui devrait s'adapter beaucoup mieux à différentes largeurs (et hauteurs) d'écrans.

C'est vrai que c'est plus facile avec une haute résolution et Web developper de voir ce que ça fait en petit que de savoir avec une résolution plus basse ce que ça pourrait donner en haute résolution, mais c'est indispensable...

A l'inverse pour les images qui s'adrandissent il pourrait être judicieux de définir un nombre exact de pixels pour qu'elles s'agrandissent au mieux.
De même tu pourrais essayer de les placer en "position:absolute" pour éviter de déplacer tout le texte à chaque fois (mais je ne sais pas si ça ne va pas poser d'autres problèmes).

[Benoit]

A l'inverse pour les images qui s'adrandissent il pourrait être judicieux de définir un nombre exact de pixels pour qu'elles s'agrandissent au mieux.
De même tu pourrais essayer de les placer en "position:absolute" pour éviter de déplacer tout le texte à chaque fois (mais je ne sais pas si ça ne va pas poser d'autres problèmes).

A priori ça va masquer le texte qui est derrière. Même en ne faisant ça que pour les agrandissements, c'est l'inverse qui va se produire (le texte sautera dans l'autre sens). Enfin je crois

P.S. Je trouve aussi que le fond d'Hoaxyde va mieux avec l'image des feuilles et les boutons.

[Ricardo]

Merci de ts vos conseils.
J'en prends note et j'y travaille mais j'ai des problèmes familiaux qui ne me permettent pas de passer beaucoup de tps sur l'ordi ces jours qui viennent.
Je vais transformer tt doucement, soyez patients
Amitiés à ts.

[Hoaxyde]

Salut,

j'ai vu que tu as changé, c'est mieux, mais les boutons (sur la photo de la feuille) sont assez laids et illisibles
Pourquoi n'as tu pas pris ceux que j'ai fait ?

++

[Ricardo]

J'peux pas tt pomper, quand m^ faut bien que j'mette qq chose à moi
Je vais revoir ça mais pour l'instant, il y a un problème de photos qui n'apparaissent pas sous IE