[XHTML-CSS] Effet "block" assez complexe Fermé

Question

Salut à tous et à toutes !

Je revient sur ce forum pour récolter d'autre conseil !

Voici ce que je recherche à réaliser !

En admettant que rien de la partie de droite n'existe pas les menus de droites et le block si !
Donc la difficulté dans ça, c'est la "flèche" bien évidemment ! Le moins possible "bricolé" !

Je penser à faire un bloc pour tout l'élément de droite (flèche + "carré blanc" ). A ce gros bloc je met comme fond ma flèche que je colle en haut à droite avec une marge. et je met à un autre bloc dedans : "le carré blanc" et je m'arrange pour que le bord de la flèche et du bloc coïncide ! Seulement c'est un peu complexe et surtout c'est de la bricole et que je pense pas que tous les navigateur affiche la même chose !

Donc avez vous des idées ?

Merci à tous les CCMiste qui m'aideront !

notobe · Answer

Ouaip : au lieu de faire une image de flèche qui colle avec un bloc blanc, tu fais une seule image flèche+bloc blanc qui s'étire en fonction de la hauteur de ton texte (méthode des portes coulissantes).

Utilisateur anonyme · Answer

Tiens ca me rappelle un peu le bloc modo de CCM. T'as qu'a inspecté avec Firebug pour voir comment j'ai fait. Je t'expliquerai plus en détail lundi si tu veux ;)

Utilisateur anonyme · Answer

Re

Je donne de mes nouvelles donc j'ai réussis !

voir le résultat là : http://battlefield.ideea-hosting.eu/page.html

Ma page passe e css3 mais pas le css 2.1 à cause de "border-radius" =/ C'est grave ?

Merci à meudah, notobe et twitter pour la flèche =P

[XHTML-CSS] Effet "block" assez complexe

3 réponses

Discussions similaires