ajpg

Le premier code me donne le même résultat avec Firefox et IE.

Pour le reste, je trouve que c'est beaucoup de contorsions pour pas grand chose...

Tu peux éventuellement regarder la propriété text-overflow (c'est du CSS3, mais déjà plus ou moins bien implémenté). Cf : http://www.css3.info/preview/text-overflow.html

Mon idée (plutôt spontanée que réfléchie) fonctionne au moins avec Firefox (testé avec la version 1.5)

Il faudrait peut-être plutôt regarder du côté de la propriété direction que de text-align. D'après CSS2, cette propriété direction spécifie notamment « le sens du débordement horizontal » (ce que tu souhaites donc).

Je n'avais jamais utilisé cette propriété, mais d'après un rapide essai, on obtient facilement ce que tu souhaites avec IE et Opera, en revanche ça ne le fait pas vraiment avec Firefox...

Sinon il serait toujours possible d'utiliser le positionnement relatif (pour DIV) et absolu (pour P, avec right: 0), mais ça n'est pas très pratique. Cela oblige par exemple à spécifier la hauteur du DIV

Salut,

Le première idée qui me vient à l'esprit serait d'entourer le texte d'un balisage <p></p> en float right.

Ne le prends pas mal, mais d'après les questions posées, je pense que tu devrais commencer par une mise en page plus classique, moins problématique.

sinon, pour répondre aux questions :

1) sans regarder, je suppose qu'il s'agit des deux fichiers tp (tp.css, tp.js) ;

2) il s'agit d'un menu présent au cas où Javascript est désactivé, pour facilité la navigation ;

3) rien à voir, c'est le menu du site (ou de cette catégorie du site)...

4) voir le tout début de ce message

Bonsoir,

Voir également : http://moncastel.9online.fr/onglets/double.html

La navigation clavier est possible.

Bonsoir,

Le problème est bien expliqué dans cet article : http://www.positioniseverything.net/explor...ercentages.html

Le plus simple serait de ne pas appliquer cette couleur de fond sur a:hover, du moins pour Internet Explorer (en utilisant par exemple un sélecteur qu'il ne comprend pas)

Un joli problème d'héritage

Bonsoir,

Il ne s'agissait pas d'un problème d'héritage mais de priorité (voir l'article indiqué par ghost).

Un élément A ne pouvant en contenir un autre, l'héritage ne peut être concerné.

Bonjour,

Si tu vérifies grâce à des versions Standalone, cela nécessite une petite modification dans l'éditeur du registre pour réparer le support des commentaires conditionnels.

The target key, called IE, may be found under HKLM\Software\Microsoft\Internet Explorer\Version Vector\. In some Windows versions the "HKLM" may appear as "HKEY_LOCAL_MACHINE"

Once in Version Vector, look for the key called IE, right click it, and rename it to zIE.

Source de la citation et pour plus d'explications : http://www.positioniseverything.net/articles/multiIE.html

Le fond est bien noir chez moi.

Bonjour,

Si c'est pour afficher du code, l'élément Textarea n'est à mon avis pas approprié.

Salut,

Il faudrait tester tous les navigateurs dans leurs différentes versions et filtrer ceux qui ne supportent pas :target... Bon courage

Internet Explorer n'est pas le seul a ne pas supporter :target, c'est le cas également de l'excellent Opera (y compris la dernière version). Le contenu serait donc inaccessible à moins de désactiver la feuille de style.

Par ailleurs, en dehors des éventuels problèmes d'accessibilité, il faudrait estimer les limites qu'imposent cette méthode : par exemple comment atteindre une ancre à l'intérieur de la partie cachée ?

Sinon, remarque technique, je vois mal l'intérêt de cette div#cacher puisque n'importe quel autre lien que href="#montrer" reviendrait à cacher div#montrer (cause du problème évoqué dans le paragraphe ci-dessus)

Enfin le module CSS3 concernant les sélecteurs n'est pas une norme comme c'est d'ailleurs indiqué dans le document concerné :

This is still a draft document and may be updated, replaced, or obsoleted by other documents at any time. It is inappropriate to cite a W3C Working Draft as other than "work in progress".

Hello à tous,

@ aymericj -> pourquoi le bug des 3 pixels ? ce ne me semble pas être le genre de cas où cela se produit.

En revanche il faut faire attention au doublement des marges et ajouter display:inline à « .petit »

@ ghost : pourquoi utiliser ce hack ? Cela me semble inutile vu que l'élément est déjà doté de layout grâce à la propriété width