Bonjour,
[edit oops je pense que j'ai mal visé ce serait plutot la section CSS et mise en forme]
je coince une le comportement d'une image qui semble -apparement - sortir de son container (FF +IE idem) au sein d'un menu.
PS :ce site est un 'extranet' et ne sera pas indexé. Pas de contraintes d'accessibilité non plus (mais j'essaye d'être le plus propre possible cependant).
html de test : http://neo-tekk.com/bac-a-sable/mem-test/mem-test.html
css ici: http://neo-tekk.com/bac-a-sable/mem-test/css/mem-test.css
La structure est assez tordue, car il s'agit d'un système de menus devant imiter une mise en page PAO.
Chaque <li> contient donc un certain nombre de div destinés à superposer des 'couches' pour plusieurs images de fond ou éléments actifs.
Les textes sont purement en images pour les même raisons d'équivalence papier demandées.
(Là, c'est une page de mise au point statique, mais cela sera automatisé sous Typo3.)
Le cas de l'item 3, un des cas UNIQUES du menu, fait apparaitre (fond fushia pour la démo) que le li parent est plus haut que prévu..ou bien ...?
Pourquoi l'image 'texte' pousse-t-elle le haut de son parent ?
L'idée est d'obtenir un trait traversant le pseudo text 'Prévenir', aligné sur le bas des 'lettres' (comme les autres cas avec le trait orange, non traversant). le tout sur un dégradé.
Il manque encore une autre image qui viendra simplement dans le code.
Merci
Cordialement,
Modifié par elz64 (22 Nov 2007 - 14:53)
[edit oops je pense que j'ai mal visé ce serait plutot la section CSS et mise en forme]
je coince une le comportement d'une image qui semble -apparement - sortir de son container (FF +IE idem) au sein d'un menu.
PS :ce site est un 'extranet' et ne sera pas indexé. Pas de contraintes d'accessibilité non plus (mais j'essaye d'être le plus propre possible cependant).
html de test : http://neo-tekk.com/bac-a-sable/mem-test/mem-test.html
css ici: http://neo-tekk.com/bac-a-sable/mem-test/css/mem-test.css
La structure est assez tordue, car il s'agit d'un système de menus devant imiter une mise en page PAO.
Chaque <li> contient donc un certain nombre de div destinés à superposer des 'couches' pour plusieurs images de fond ou éléments actifs.
Les textes sont purement en images pour les même raisons d'équivalence papier demandées.
(Là, c'est une page de mise au point statique, mais cela sera automatisé sous Typo3.)
Le cas de l'item 3, un des cas UNIQUES du menu, fait apparaitre (fond fushia pour la démo) que le li parent est plus haut que prévu..ou bien ...?
Pourquoi l'image 'texte' pousse-t-elle le haut de son parent ?
L'idée est d'obtenir un trait traversant le pseudo text 'Prévenir', aligné sur le bas des 'lettres' (comme les autres cas avec le trait orange, non traversant). le tout sur un dégradé.
Il manque encore une autre image qui viendra simplement dans le code.
Merci
Cordialement,
Modifié par elz64 (22 Nov 2007 - 14:53)