bonjour

quand on crée une table qui a par exemple 3 colonnes et qu'on entre un texte différent dans ces trois colonnes: comment faire pour que les trois textes, de longueurs différentes, soient quand même placés en haut de chaque colonne et non pas centrés en hauteur?


merci Smiley smile
Modifié par D-ude (14 Jan 2007 - 12:05)
Administrateur
Hello,

vertical-align : top;

Sur chaque cellule concernée devrait obtenir l'effet escompté Smiley cligne
merci beaucoup Smiley smile


autre question:
pourquoi cette différence entre Firefox et IE et comment la corriger:

Firefox:

IE:

EDIT de modérateur : attention à ne pas afficher d'images géantes qui déforment le forum. Merci d'utiliser le bouton "créer une miniature" lorsque vous chargez une image.

re-edit: désolé... je corrige Smiley smile

firefox
http://img209.imageshack.us/img209/9717/ffoxdy7.th.png


ie
http://img209.imageshack.us/img209/484/iexe4.th.png


(je parle de l'alignement du texte, le surlignage de l'image de téléchargement, c'est pas grave Smiley cligne )
Modifié par D-ude (13 Jan 2007 - 11:20)
(oops: désolé pour les grosses images)


non, en fait, ce que je voulais dire, c'est que sous firefox, le texte prend bien toute la largeur de la cellule, mais sous IE, je me retrouve avec une énorme marge à droite de chaque cellule qui comprime le texte... Smiley eek


je précise que la page n'a pas de css et est juste en html classique
Modifié par D-ude (13 Jan 2007 - 11:20)
Administrateur
D-ude a écrit :
je précise que la page n'a pas de css et est juste en html classique

(les éléments HTML ont des marges par défaut, aucun rapport avec CSS, même si tu peux modifier ces marges à l'aide de CSS).
ben oui...

mais dans ce cas précis, ça s'affiche bien sous firefox et mal sous IE (voir images)
la même page!

donc je ne vois pas où ça cloche... Smiley ohwell
Modifié par D-ude (13 Jan 2007 - 11:39)
Administrateur
D-ude a écrit :
donc je ne vois pas où ça cloche... Smiley ohwell

Malheureusement difficile de deviner sans le code Smiley decu
Smiley biggol

edit: je suis un âne: j'ai trouvé tout seul, les totaux de largeur étaient faux

ce qui est bizarre, c'est que firefox les ait pas pris en compte... Smiley confus
Modifié par D-ude (13 Jan 2007 - 13:59)
salut,
Le code que tu fournis ne correspond pas à l'exemple que
tu donnes plus haut au niveau du contenu des cellules.
Le problème peut venir de
 <td width="4" bgcolor="#CCCCCC">


En effet le le width width="4" peut avoir comme effet de compresser
horizontalement le contenu de la cellule. Tu dois donner des largeur suffisantes.
Cela pourrait peut-être venir de l'antialiasing (anticrénelage) du texte html
d'IE7 même s'il faut espérer que ça ne vienne pas de là.
Modifié par Hermann (13 Jan 2007 - 14:05)
ben merci

mais en fait j'ai trouvé: les colonnes faisaient 192 de large et les petite colonnes "séparateur" grises faisaient 4 pixels

donc 3x 192 + 8 = 584
et ma table est plus grande donc forcément firefox affichait correctement (je me demande encore comment, d'ailleurs) mais IE faisait strictement ce qu'on lui demandait et limitait le contenu en compressant le texte à gauche des colonnes


c'est résolu maintenant


merci à tous pour votre patience et votre compétence

si vous voulez jeter un oeil au résultat (et critiquer au passage Smiley cligne ), il est ici:
http://vouchko.free.fr/firebackup/index.html
Administrateur
D-ude a écrit :

c'est résolu

Parfait Smiley smile

Dans ce cas, aurais-tu la courtoisie de bien vouloir marquer ton sujet comme tel, ainsi que les Règles du forum t'y invitent ?