Problèmes d'affichage

Salut épomate,

J'ai consaté 4 problèmes d'affichage sous Safari (Mac):

1- Lorsqu'il y a une ligne trop longue sans espace dans le commentaire ca fout un bronx d'enfer qui empêche de lire les prix:
www

2&3- Problème de centrage de l'entête "Merci" + Manque l'icône "Oil"
www

4- Problème de boutons lorsque le texte de la station est un peu long sur la page station détaillée
www

Je rajoute l'oubli du champ "Commentaire" sur la page station détaillée

Bon courage et encore bravo pour ton boulot et ta réactivité.

Tiens un nouveau petit problème sur la page "courrier". La case de saisie est trop large et passe sous la pub (bon c'est normal c'est tout neuf, les peintures ne sont pas encore sèches):
www

Merci pour cette fonctionalité en tout cas.

Ouf......

Bah merci pour ces captures d'écran, Laulau, on va se pencher la-dessus



On va dire ça comme ça...

Point 1 : ca devrait être bon

Point 2et3 : logo corrigé (en attendant d'avoir le vrai), par contre je vois pas le problème de centrage.

Point 4 : j'ai modifié un truc, mais j'ai pas safari pour vérifier...tu peux me regarder ?

Point 5 : j'ai modifié aussi, mais je n'ai pu vérifier.

Oui c'est bon ceci dit pourquoi ne pas faire un "colspan3" pour que le commentaire glisse sous les deux icônes (favoris et mise à jour des prix) ca prendrait moins de lignes et ca serait plus élégant comme présentation. Genre fixer la largeur du span class=txt_petit à 100% de la largeur de adresse + favoris + mise à jours prix
www

Ben je l'ai entouré sur la capture: le lot "Merci" + les 2 flèches et aligné sur la gauche Le "M" de Merci est collé au border left alors que de l'autre coté il y a plein d'espace.

C'est parceque tu utilise la css "th.col_contenu" qui est fixé sur "text-align: left" il faudrait que tu crée une css ""th.col_contenu_merci" comme tu la fait pour le td avec "text-align: center"

En plus il manque un "white-space: nowrap" pour cette css car parfois quand la colonne d'adresse est bien pleine et que les nom des contributeurs sont court la deuxième flèche se barre à la ligne:
www

'Tain width 320!!!! comme tu y va! Lol Du coup ca me fait une toute petite colonne pour l'adresse c'est méga moche
On est passé de:
www
qui était très bien à part au niveau présentation à part le problème de coupure de bouton à:
www
Pour quoi ne pas juste mettre des & nbsp entre les mots? Ou inclure une TABLE avec les 4 boutons dans la TD de droite comme cela Tous les boutons feront la même largeur.
Voir à défaut faire les boutons tout en graphique avec le texte. C'est peut-être le plus simple.

Oui c'est nickel.

'Tain width 320!!!! comme tu y va! Lol Du coup ca me fait une toute petite colonne pour l'adresse c'est méga moche
On est passé de:
www
qui était très bien à part au niveau présentation à part le problème de coupure de bouton à:
www
Pour quoi ne pas juste mettre des & nbsp entre les mots? Ou inclure une TABLE avec les 4 boutons dans la TD de droite comme cela Tous les boutons feront la même largeur.
Voir à défaut faire les boutons tout en graphique avec le texte. C'est peut-être le plus simple.

Oui c'est nickel.[/quote]

Pour information, je dispose de Safari 2.0.3 et Tiger, et je n'obtiens pas du tour cette présentation, mais quelque chose de tout à fait normal.
J'espère ne pas semer la zizanie !
Cela dépend peut-être de la taille de l'écran ou de la définition.

Oh lala . je regarde par curiosité toutes vos copies d'écran . Et je vois que c'est pas simple de créer des pages web qui fonctionnent parfaitement avec tous les navigateurs . Moi j'ai jamais eu de tels problèmes . Alors je ne sais pas s'il ne faudrait pas plutôt se plaindre auprès de Safari ,au lieu de surcharger Zagazouille de boulot ... non ? ?

Merci philgelico pour la défense...

je confirme, le boulot pour assurer une compatibilité au niveau navigateur est vraiment galère...ils font tous ce qu'ils veulent, c'est un bloutot super chiant...en plus il faudrait qu'on est trois PC chez soit pour tester....un PC avec windows (et ses 4 navigateurs possible au moins), un PC avec LINUX (et 3 navigateurs) et un mac avec lui aussi son nombre de bnavigateurs...pffff

Mais merci à Laulau pour ses captures d'écran qui m'aident bien dans cette tâche.

Ceci-dit, j'ai corrigé le width 320...(je m'étais trompé de copier/coller)

Pour le colspan, trop pénible, le tableau est déjà assez complexe comme ça...

Pour le "merci", j'ai enlevé le retour chariot, ca devrait être bon.

les boutons de la fiche "station" ne devraient plus se couper, j'ai rajouté les espaces comme suggéré.

Pourquoi se plaindre auprès de Safari, je n'ai jamais eu de problème non plus et je navigue avec Safari. Seul problème, quand je me connecte en wifi avec mon Palm... mais là je me tais, vu la taille de l'écran !
Bravo pour le site, j'ai plaisir à regarder tous les petits détails qui sont très soignés, sachant le travail que représente la mise en place et la maintenance d'un site, surtout quand il a succès fou.
Continuez comme ça, vous êtes sur la bonne route !

Le problème est que chacun a sa résolution, son navigateur, et c'est vrai qu'il est important que tout le monde puisse accéder à l'information et aux fonctionnalités de manière simple...

Merci Walmus pour les encouragements.

Oui mais justement le site bien programmé. Ce ne sont pas des tableaux imbriqués à 40 niveaux qui mette deux heures à s'afficher. Donc bravo pour la pureté du code, franchement! Sinon je ne me donnerais pas la peine d'essayer de vous aiser à perfectionner le code (quand ca part en sucette de partout ce n'est même pas la peine de s'attaquer au problème LOL).

Il y a des petits défauts c'est normal, et je trouve normal d'essayer de vous aider pour les corriger même si ca prend du temps de préparer les images parfois.

Il ne faillait pas y voir d'attaque... Je sais bien que c'est galère la compatibilité...



Ben pour safari et tu as déjà pour tester l'affichage:
www
Et comme c'est le navigateur par défaut sur mac (vu qu'il marche vraiment bien maintenant les gens ne vont plus trop voir ailleurs)


Oufffff Ceci dit contrairement à IE Safari de semble pas arriver à gérer le width:150px; sur une balise (a) à moins que ce soit une galère bcp plus conne de manque d'espace dans la css (il me semble que j'ai remarqué un problème comme ca dejà, du coup j'ésayerais bien avec une espace entre icoMailOut et l'accolade et une autre entre ; et l'accolade de fin. Ca vaut le coup d'essayer.


Rohhh le fénéant Nan je rigoooooole! Le truc le plus chiant c'est de gérer le rawspan=2 ou pas sur les prix en fonction de commentaire ou pas de commentaire. J'ai bien compris.


Non toujours pas malgré tous tes changements...

Essaie de créer une css ""th.col_contenu_merci" comme tu la fait pour le td avec "white-space: nowrap;" et en plus tu pourra mettre "text-align: center" vu que le TH n'est pas centré comme les TD de la colonne merci.


Oui nickel ca