6 commentaires, 1 pingback
Commentaire de: karl [Visiteur]
karl

Salut François,

mets tes deux photos dans une boites avec un attribut style et un width CSS dont la largeur est égale à la largeur totale des photos plus marges.

D’autres part si tu veux centrer cette boîte, tu fais un margin: auto toujours sur la boite :)

23.04.03 @ 13:19
François PLANQUE

Salut Karl,

Arf’ comme tu as raison! :oops: C’est exactement la technique que j’ai employée lors de la mise en place de mon menu de navigation sans tableau il y a quelques temps déjà (en haut de toutes mes pages:!:) La question est: pourquoi n’y ai-je pas pensé hier? Parce qu’il était trop tard ou parce que je voulais absolument arriver à un design “liquide"? :-/

Quoi qu’il en soit, mon exemple était donc un peu trop simplifié! :rool: Je viens de lui rajouter un peu de croustillant afin de lui rendre son caractère indomptable… sans quoi l’article ne fonctionne plus!! :>

Mais je reste toujours preneur de solutions, si quelqu’un en trouve une! :>>

-François.

23.04.03 @ 17:04
Commentaire de: karl [Visiteur]
karl

Pour les boites qui grandissent avec le texte ;) Il y a encore une solution c’est la taille en “em", le problème c’est que l’on a deux images qui elles restent dimensionner en pixels et qu’il n’y a pas moyen de faire un truc du genre
width="NNpx+3em;”

Pour centrer ton texte, je n’ai pas essayé encore. mais je dirais la boite de ton texte peut-être en vertical-align:middle;

si cela ne marche pas c’est surement que la boite s’étend sur toute la longueur donc il faut une boite autour du texte.
height: 1em;
c’est la hauteur du texte que tu centres avec margin ou vertical-align

24.04.03 @ 13:22
François PLANQUE

Héhéhé on en est bien aux mêmes conclusions: impossible de prédeterminer la taille du rendu (puisque mélange de px et de em)… l’avantage des tableaux sur le CSS (version actuellement supportée) est qu’on a pas besoin de se soucier de prédéterminer cette fameuse taille du rendu.

Concernant le centrage vertical, j’avais essayé ce que tu préconises, à l’exception de la hauteur de 1 em sur la boite imbriquée. Je l’ai rajoutée, mais ça ne change rien… :(

24.04.03 @ 13:42
fplanque: IT Trends Blog - Tableless design update

[…] anche, le vrai problème est exposé en détails dans cet article: Tableless Design: Not ready for prime time!. C’est là qu’il […]

29.04.03 @ 21:32
Commentaire de: patterson [Visiteur]
patterson

Je ne peux que corroborer l’expérience de François… j’ai passé des heures et des heures à essayer de faire faire à CSS ce que je voulais (simplement parce que je suis un puriste têtu) pour en général trouver par la suite que c’était cassé dans tel ou tel navigateur. Pfff. Je persévère quand-même, au nom des standards.

P.S. - In English the word is “attempt". “Tentative” means “sujet à d’éventuelles modifications” ;-)

13.05.03 @ 20:00
François PLANQUE

argl… je dois bein avouer que d’une part l’anglais n’est pas ma langue maternelle et que d’autre part, ton nom sonne plus anglais que le miens! ;)


Alors je dois probablement considérer que mon wording est choquant!? :(


Mais la réalité, c’est que je me suis posé la question lors de l’écriture, et je ne voulais pas parler de “tentative infuctueuse” mais bel et bien de “brouillon destiné à être révisé en espérant finir par aboutir au résultat escompté". Le simple fait que j’aie deux évolutions successives du même “markup” me paraissait même imposer naturellement ce wording là. :|


Non? Tu trouves que c’est choquant pour un anglophone?? Ou alors est-ce simplement que toi aussi tu as été traumatisé dès le plus jeune âge sur les faux-amis par tes profs d’anglais ou de français (selon…) ? :)) (J’ai vécu ça, mais j’essaye de me soigner! Alors j’espère que tu n’en as pas rajouté une couche juste pour le plaisir de contredire hein!! :)) )

14.05.03 @ 00:07


Formulaire en cours de chargement...